{% extends "base.html" %}

{% block title %}Page not found{% endblock title %}
{% block content %}

  <script src="https://cdn.tailwindcss.com"></script>
  <style>
      @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
      
      body {
          font-family: 'Poppins', sans-serif;
          background: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460);
          background-size: 400% 400%;
          animation: gradient 15s ease infinite;
          height: 100vh;
          margin: 0;
          overflow: hidden;
      }
      
      @keyframes gradient {
          0% { background-position: 0% 50%; }
          50% { background-position: 100% 50%; }
          100% { background-position: 0% 50%; }
      }
      
      .stars {
          position: absolute;
          width: 100%;
          height: 100%;
      }
      
      .star {
          position: absolute;
          background-color: white;
          border-radius: 50%;
          animation: twinkle var(--duration) ease-in-out infinite;
          opacity: 0;
      }
      
      @keyframes twinkle {
          0% { opacity: 0; }
          50% { opacity: 1; }
          100% { opacity: 0; }
      }
      
      .error-text {
          animation: float 6s ease-in-out infinite;
      }
      
      @keyframes float {
          0% { transform: translateY(0px); }
          50% { transform: translateY(-20px); }
          100% { transform: translateY(0px); }
      }
      
      .astronaut {
          animation: rotate 20s linear infinite;
      }
      
      @keyframes rotate {
          0% { transform: rotate(0deg); }
          100% { transform: rotate(360deg); }
      }
      
      .planet {
          animation: pulse 4s ease-in-out infinite;
      }
      
      @keyframes pulse {
          0% { transform: scale(1); }
          50% { transform: scale(1.05); }
          100% { transform: scale(1); }
      }
      
      .meteor {
          position: absolute;
          width: 3px;
          height: 3px;
          background: white;
          box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.7);
          animation: meteor 5s linear infinite;
          opacity: 0;
      }
      
      @keyframes meteor {
          0% {
              transform: translate(110vw, -10vh) rotate(45deg);
              opacity: 1;
              height: 3px;
          }
          20% {
              opacity: 1;
              height: 50px;
              box-shadow: 0 0 20px 5px rgba(255, 255, 255, 0.9);
          }
          100% {
              transform: translate(-10vw, 110vh) rotate(45deg);
              opacity: 0;
              height: 3px;
          }
      }
      
      .btn-home {
          position: relative;
          overflow: hidden;
          transition: all 0.3s ease;
      }
      
      .btn-home:hover {
          transform: translateY(-3px);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
      }
      
      .btn-home::before {
          content: '';
          position: absolute;
          top: 0;
          left: -100%;
          width: 100%;
          height: 100%;
          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
          transition: 0.5s;
      }
      
      .btn-home:hover::before {
          left: 100%;
      }
  </style>
<style>*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/* ! tailwindcss v3.4.16 | MIT License | https://tailwindcss.com */*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0px}.right-0{right:0px}.top-0{top:0px}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.inline-block{display:inline-block}.flex{display:flex}.h-20{height:5rem}.h-64{height:16rem}.h-full{height:100%}.w-20{width:5rem}.w-64{width:16rem}.w-full{width:100%}.max-w-lg{max-width:32rem}.-translate-y-10{--tw-translate-y:-2.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-10{--tw-translate-x:2.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-full{border-radius:9999px}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-8xl{font-size:6rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.tracking-wider{letter-spacing:0.05em}.text-blue-100{--tw-text-opacity:1;color:rgb(219 234 254 / var(--tw-text-opacity, 1))}.text-blue-200{--tw-text-opacity:1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-300{transition-duration:300ms}.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 768px){.md\:h-80{height:20rem}.md\:w-80{width:20rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-9xl{font-size:8rem;line-height:1}}</style></head>
<body class="flex items-center justify-center">
  <div id="stars" class="stars"><div class="star" style="left: 3.47412%; top: 73.6452%; width: 0.766853px; height: 0.766853px; --duration: 3.642998019878688s; animation-delay: 2.9224s;"></div><div class="star" style="left: 8.22785%; top: 77.1264%; width: 2.94245px; height: 2.94245px; --duration: 4.054140293756978s; animation-delay: 4.69708s;"></div><div class="star" style="left: 89.2094%; top: 51.4333%; width: 2.30997px; height: 2.30997px; --duration: 2.8734706811167516s; animation-delay: 2.85684s;"></div><div class="star" style="left: 31.9624%; top: 78.1506%; width: 2.55801px; height: 2.55801px; --duration: 4.845629528928504s; animation-delay: 1.38462s;"></div><div class="star" style="left: 36.9021%; top: 4.78342%; width: 1.73671px; height: 1.73671px; --duration: 2.690098990127355s; animation-delay: 1.70396s;"></div><div class="star" style="left: 46.79%; top: 76.9303%; width: 2.96016px; height: 2.96016px; --duration: 4.747975285289775s; animation-delay: 2.73963s;"></div><div class="star" style="left: 85.001%; top: 13.8416%; width: 0.6978px; height: 0.6978px; --duration: 3.8908016892256336s; animation-delay: 3.82426s;"></div><div class="star" style="left: 83.5281%; top: 47.4909%; width: 2.96977px; height: 2.96977px; --duration: 4.623677261789251s; animation-delay: 0.318485s;"></div><div class="star" style="left: 53.7693%; top: 84.0385%; width: 2.02236px; height: 2.02236px; --duration: 2.076291497608191s; animation-delay: 4.84226s;"></div><div class="star" style="left: 7.87088%; top: 28.7214%; width: 1.15879px; height: 1.15879px; --duration: 4.672289065219767s; animation-delay: 2.0962s;"></div><div class="star" style="left: 31.4202%; top: 64.8977%; width: 2.4894px; height: 2.4894px; --duration: 2.521031170346454s; animation-delay: 4.85379s;"></div><div class="star" style="left: 2.55989%; top: 91.5219%; width: 2.8473px; height: 2.8473px; --duration: 3.5238429085325422s; animation-delay: 0.154684s;"></div><div class="star" style="left: 66.5601%; top: 66.2541%; width: 2.46528px; height: 2.46528px; --duration: 2.233875897084644s; animation-delay: 2.9883s;"></div><div class="star" style="left: 46.9029%; top: 65.8904%; width: 1.72023px; height: 1.72023px; --duration: 2.8915342555236503s; animation-delay: 1.76751s;"></div><div class="star" style="left: 83.9134%; top: 6.80933%; width: 2.77499px; height: 2.77499px; --duration: 2.1172171714252617s; animation-delay: 4.21562s;"></div><div class="star" style="left: 4.21946%; top: 4.96678%; width: 1.58243px; height: 1.58243px; --duration: 2.514702186448775s; animation-delay: 4.71208s;"></div><div class="star" style="left: 34.4026%; top: 32.1637%; width: 1.38429px; height: 1.38429px; --duration: 3.8122476620975547s; animation-delay: 4.81817s;"></div><div class="star" style="left: 15.1355%; top: 24.0594%; width: 2.73061px; height: 2.73061px; --duration: 2.804168663982738s; animation-delay: 3.47074s;"></div><div class="star" style="left: 17.637%; top: 79.7526%; width: 2.02144px; height: 2.02144px; --duration: 2.86554425796451s; animation-delay: 3.59183s;"></div><div class="star" style="left: 45.1544%; top: 78.971%; width: 1.61143px; height: 1.61143px; --duration: 3.359112568648511s; animation-delay: 0.607142s;"></div><div class="star" style="left: 57.6997%; top: 36.8591%; width: 1.60893px; height: 1.60893px; --duration: 2.5073419758432496s; animation-delay: 2.79212s;"></div><div class="star" style="left: 2.87259%; top: 46.9316%; width: 2.93803px; height: 2.93803px; --duration: 4.199793418601017s; animation-delay: 0.918048s;"></div><div class="star" style="left: 76.4347%; top: 91.3487%; width: 2.75855px; height: 2.75855px; --duration: 4.640253504662095s; animation-delay: 2.23384s;"></div><div class="star" style="left: 2.08426%; top: 33.1405%; width: 0.932142px; height: 0.932142px; --duration: 3.222276729158862s; animation-delay: 1.62168s;"></div><div class="star" style="left: 72.7907%; top: 54.1618%; width: 1.91714px; height: 1.91714px; --duration: 4.9701498136350395s; animation-delay: 2.85819s;"></div><div class="star" style="left: 85.1851%; top: 65.1094%; width: 1.54779px; height: 1.54779px; --duration: 4.26741071572688s; animation-delay: 4.47436s;"></div><div class="star" style="left: 37.6839%; top: 71.5255%; width: 2.36044px; height: 2.36044px; --duration: 3.8942249564001425s; animation-delay: 1.43534s;"></div><div class="star" style="left: 50.9525%; top: 96.3288%; width: 1.37704px; height: 1.37704px; --duration: 4.753853111382125s; animation-delay: 1.08721s;"></div><div class="star" style="left: 48.0438%; top: 67.0007%; width: 1.53679px; height: 1.53679px; --duration: 4.9564408654313326s; animation-delay: 1.05939s;"></div><div class="star" style="left: 95.3079%; top: 42.9173%; width: 0.902648px; height: 0.902648px; --duration: 2.8280778170227934s; animation-delay: 0.0833607s;"></div><div class="star" style="left: 48.6663%; top: 59.2749%; width: 2.45129px; height: 2.45129px; --duration: 4.92800477046881s; animation-delay: 1.29152s;"></div><div class="star" style="left: 6.07705%; top: 91.5352%; width: 2.14121px; height: 2.14121px; --duration: 2.2711886034030853s; animation-delay: 2.81139s;"></div><div class="star" style="left: 48.3772%; top: 87.602%; width: 1.49216px; height: 1.49216px; --duration: 2.711106767487362s; animation-delay: 3.99572s;"></div><div class="star" style="left: 79.4267%; top: 92.7278%; width: 1.54965px; height: 1.54965px; --duration: 3.215626499004827s; animation-delay: 2.28099s;"></div><div class="star" style="left: 96.9568%; top: 94.0185%; width: 2.41788px; height: 2.41788px; --duration: 2.922775186962742s; animation-delay: 1.54186s;"></div><div class="star" style="left: 78.8109%; top: 66.7528%; width: 1.21131px; height: 1.21131px; --duration: 2.267137238000525s; animation-delay: 1.39428s;"></div><div class="star" style="left: 18.6606%; top: 14.36%; width: 1.10901px; height: 1.10901px; --duration: 2.080721433055837s; animation-delay: 0.91248s;"></div><div class="star" style="left: 27.4348%; top: 88.6855%; width: 0.734813px; height: 0.734813px; --duration: 4.6130563066527435s; animation-delay: 2.34117s;"></div><div class="star" style="left: 78.2095%; top: 87.9651%; width: 1.07217px; height: 1.07217px; --duration: 4.624076746847897s; animation-delay: 1.53237s;"></div><div class="star" style="left: 31.5976%; top: 4.98972%; width: 2.25578px; height: 2.25578px; --duration: 4.870682556614376s; animation-delay: 0.537275s;"></div><div class="star" style="left: 54.9305%; top: 45.7854%; width: 2.27213px; height: 2.27213px; --duration: 3.059400295869058s; animation-delay: 2.18057s;"></div><div class="star" style="left: 47.2535%; top: 18.2537%; width: 0.489733px; height: 0.489733px; --duration: 3.6094843942958503s; animation-delay: 2.5024s;"></div><div class="star" style="left: 11.5361%; top: 33.9937%; width: 0.547771px; height: 0.547771px; --duration: 3.5914576032116043s; animation-delay: 2.4978s;"></div><div class="star" style="left: 60.1224%; top: 44.8684%; width: 0.656044px; height: 0.656044px; --duration: 4.403344225414026s; animation-delay: 2.13203s;"></div><div class="star" style="left: 88.5895%; top: 2.71217%; width: 2.14093px; height: 2.14093px; --duration: 4.968569982424081s; animation-delay: 4.09671s;"></div><div class="star" style="left: 71.6%; top: 80.4291%; width: 0.338801px; height: 0.338801px; --duration: 3.3359795702548287s; animation-delay: 1.19533s;"></div><div class="star" style="left: 8.40588%; top: 78.8316%; width: 1.35675px; height: 1.35675px; --duration: 4.731275674554207s; animation-delay: 1.62796s;"></div><div class="star" style="left: 95.2402%; top: 41.525%; width: 2.26015px; height: 2.26015px; --duration: 4.411466623667691s; animation-delay: 2.42837s;"></div><div class="star" style="left: 48.9034%; top: 90.3272%; width: 0.239996px; height: 0.239996px; --duration: 2.390302117027207s; animation-delay: 1.14857s;"></div><div class="star" style="left: 7.05831%; top: 0.247111%; width: 0.51725px; height: 0.51725px; --duration: 3.793232575333527s; animation-delay: 1.30349s;"></div><div class="star" style="left: 35.8511%; top: 79.0755%; width: 1.63114px; height: 1.63114px; --duration: 4.586112481457054s; animation-delay: 0.0279303s;"></div><div class="star" style="left: 96.9126%; top: 60.1122%; width: 1.65689px; height: 1.65689px; --duration: 2.5512398121050035s; animation-delay: 3.79426s;"></div><div class="star" style="left: 25.5116%; top: 84.2597%; width: 1.99997px; height: 1.99997px; --duration: 2.6601010336875883s; animation-delay: 0.767003s;"></div><div class="star" style="left: 0.798811%; top: 44.4386%; width: 0.87134px; height: 0.87134px; --duration: 3.014307889731097s; animation-delay: 3.63022s;"></div><div class="star" style="left: 37.6068%; top: 75.2446%; width: 1.21472px; height: 1.21472px; --duration: 4.175285858932286s; animation-delay: 1.83602s;"></div><div class="star" style="left: 47.6629%; top: 27.8717%; width: 2.99282px; height: 2.99282px; --duration: 2.504219737699293s; animation-delay: 0.193185s;"></div><div class="star" style="left: 44.1292%; top: 89.3423%; width: 2.31995px; height: 2.31995px; --duration: 3.043763567276016s; animation-delay: 0.119515s;"></div><div class="star" style="left: 45.7535%; top: 41.5883%; width: 1.80479px; height: 1.80479px; --duration: 4.879368194038644s; animation-delay: 0.764921s;"></div><div class="star" style="left: 63.471%; top: 15.1886%; width: 1.18214px; height: 1.18214px; --duration: 4.056399915560126s; animation-delay: 1.53006s;"></div><div class="star" style="left: 85.2776%; top: 32.9372%; width: 0.717385px; height: 0.717385px; --duration: 3.5596040214009044s; animation-delay: 0.0809108s;"></div><div class="star" style="left: 50.4358%; top: 34.2615%; width: 2.26682px; height: 2.26682px; --duration: 2.6587972700494946s; animation-delay: 4.47143s;"></div><div class="star" style="left: 89.6699%; top: 22.0904%; width: 0.698843px; height: 0.698843px; --duration: 4.283267318555126s; animation-delay: 4.25848s;"></div><div class="star" style="left: 21.1881%; top: 21.0496%; width: 0.0564648px; height: 0.0564648px; --duration: 4.649082955768332s; animation-delay: 3.39973s;"></div><div class="star" style="left: 85.3697%; top: 99.2545%; width: 2.9494px; height: 2.9494px; --duration: 3.959043491498144s; animation-delay: 1.15229s;"></div><div class="star" style="left: 92.7087%; top: 30.7742%; width: 1.79862px; height: 1.79862px; --duration: 3.4783233389042305s; animation-delay: 4.4724s;"></div><div class="star" style="left: 26.6049%; top: 91.4914%; width: 1.65616px; height: 1.65616px; --duration: 3.3018638013625004s; animation-delay: 1.52935s;"></div><div class="star" style="left: 36.3429%; top: 60.0531%; width: 0.468355px; height: 0.468355px; --duration: 4.824630490407558s; animation-delay: 4.31785s;"></div><div class="star" style="left: 0.037088%; top: 47.1928%; width: 1.86265px; height: 1.86265px; --duration: 4.9767223933671865s; animation-delay: 3.36467s;"></div><div class="star" style="left: 55.3087%; top: 88.352%; width: 0.538058px; height: 0.538058px; --duration: 4.796927141170343s; animation-delay: 4.07105s;"></div><div class="star" style="left: 63.911%; top: 33.9995%; width: 2.65717px; height: 2.65717px; --duration: 2.0181080236631868s; animation-delay: 0.465446s;"></div><div class="star" style="left: 79.1922%; top: 19.2023%; width: 0.155904px; height: 0.155904px; --duration: 2.998023299469171s; animation-delay: 3.90554s;"></div><div class="star" style="left: 76.8444%; top: 78.7225%; width: 0.510542px; height: 0.510542px; --duration: 2.3161158462974036s; animation-delay: 1.91598s;"></div><div class="star" style="left: 19.4611%; top: 22.0022%; width: 0.52661px; height: 0.52661px; --duration: 2.4030795863617835s; animation-delay: 1.73176s;"></div><div class="star" style="left: 49.9725%; top: 88.3535%; width: 1.67018px; height: 1.67018px; --duration: 3.205417290044916s; animation-delay: 3.73327s;"></div><div class="star" style="left: 53.1693%; top: 40.804%; width: 2.4092px; height: 2.4092px; --duration: 2.794205132878849s; animation-delay: 4.99108s;"></div><div class="star" style="left: 91.7232%; top: 24.6549%; width: 2.92004px; height: 2.92004px; --duration: 2.311393330760962s; animation-delay: 2.35942s;"></div><div class="star" style="left: 76.3577%; top: 85.8784%; width: 2.10587px; height: 2.10587px; --duration: 4.648283196967794s; animation-delay: 3.26661s;"></div><div class="star" style="left: 73.6691%; top: 23.3042%; width: 0.373005px; height: 0.373005px; --duration: 2.7719499100534684s; animation-delay: 2.77976s;"></div><div class="star" style="left: 3.35613%; top: 34.0946%; width: 1.33086px; height: 1.33086px; --duration: 2.6728157247751345s; animation-delay: 3.87786s;"></div><div class="star" style="left: 63.2085%; top: 19.548%; width: 2.401px; height: 2.401px; --duration: 4.286079016493428s; animation-delay: 4.95458s;"></div><div class="star" style="left: 7.50783%; top: 82.481%; width: 0.0196905px; height: 0.0196905px; --duration: 4.617692251562403s; animation-delay: 4.54193s;"></div><div class="star" style="left: 9.94134%; top: 77.4995%; width: 1.80719px; height: 1.80719px; --duration: 2.074440724273878s; animation-delay: 4.58175s;"></div><div class="star" style="left: 68.7158%; top: 67.6475%; width: 1.08409px; height: 1.08409px; --duration: 2.746416499075995s; animation-delay: 4.37452s;"></div><div class="star" style="left: 72.5506%; top: 74.2105%; width: 1.48283px; height: 1.48283px; --duration: 4.47197570862973s; animation-delay: 3.16792s;"></div><div class="star" style="left: 57.3306%; top: 72.1841%; width: 0.997778px; height: 0.997778px; --duration: 3.8978042473688586s; animation-delay: 3.43681s;"></div><div class="star" style="left: 22.4643%; top: 34.1357%; width: 1.08434px; height: 1.08434px; --duration: 2.6715061180232538s; animation-delay: 1.93379s;"></div><div class="star" style="left: 5.90204%; top: 82.8844%; width: 2.50259px; height: 2.50259px; --duration: 4.216851378608572s; animation-delay: 0.535367s;"></div><div class="star" style="left: 95.1354%; top: 19.7281%; width: 0.510218px; height: 0.510218px; --duration: 3.42901601033583s; animation-delay: 0.545133s;"></div><div class="star" style="left: 21.1036%; top: 93.5142%; width: 0.010914px; height: 0.010914px; --duration: 3.3770184284624087s; animation-delay: 2.01623s;"></div><div class="star" style="left: 20.4188%; top: 57.7109%; width: 2.42961px; height: 2.42961px; --duration: 2.679656169938465s; animation-delay: 3.68225s;"></div><div class="star" style="left: 8.38791%; top: 70.6414%; width: 1.11068px; height: 1.11068px; --duration: 2.3790343249452652s; animation-delay: 4.50476s;"></div><div class="star" style="left: 29.7644%; top: 1.35054%; width: 0.0204174px; height: 0.0204174px; --duration: 4.811471078267916s; animation-delay: 2.07923s;"></div><div class="star" style="left: 63.8344%; top: 20.6795%; width: 2.24239px; height: 2.24239px; --duration: 4.900306041599038s; animation-delay: 4.407s;"></div><div class="star" style="left: 6.03429%; top: 18.016%; width: 0.563574px; height: 0.563574px; --duration: 2.5574024416480965s; animation-delay: 1.68315s;"></div><div class="star" style="left: 90.2535%; top: 54.4228%; width: 1.74887px; height: 1.74887px; --duration: 4.737443912722557s; animation-delay: 4.91195s;"></div><div class="star" style="left: 86.9012%; top: 80.6328%; width: 0.291592px; height: 0.291592px; --duration: 2.3493247487626348s; animation-delay: 0.000621688s;"></div><div class="star" style="left: 18.3451%; top: 23.835%; width: 0.0188412px; height: 0.0188412px; --duration: 3.017895608576067s; animation-delay: 4.99049s;"></div><div class="star" style="left: 59.657%; top: 13.557%; width: 1.76825px; height: 1.76825px; --duration: 3.1440858253341046s; animation-delay: 1.55442s;"></div><div class="star" style="left: 55.9571%; top: 42.1691%; width: 1.02044px; height: 1.02044px; --duration: 3.755405543142708s; animation-delay: 1.64022s;"></div><div class="star" style="left: 50.2527%; top: 25.3567%; width: 0.51851px; height: 0.51851px; --duration: 2.461355791708926s; animation-delay: 0.253596s;"></div><div class="star" style="left: 14.7316%; top: 22.7859%; width: 2.88006px; height: 2.88006px; --duration: 3.1057108293342477s; animation-delay: 2.74764s;"></div><div class="star" style="left: 51.3935%; top: 33.0919%; width: 2.84726px; height: 2.84726px; --duration: 4.058811440041238s; animation-delay: 0.416419s;"></div><div class="star" style="left: 93.8989%; top: 8.03616%; width: 0.236948px; height: 0.236948px; --duration: 3.7199710269049318s; animation-delay: 0.486554s;"></div><div class="star" style="left: 16.519%; top: 64.3627%; width: 0.142135px; height: 0.142135px; --duration: 3.2115680494287155s; animation-delay: 4.67868s;"></div><div class="star" style="left: 86.356%; top: 35.9466%; width: 1.54966px; height: 1.54966px; --duration: 4.321719807790405s; animation-delay: 4.52582s;"></div><div class="star" style="left: 79.6409%; top: 66.2826%; width: 0.0180152px; height: 0.0180152px; --duration: 2.6407939026181753s; animation-delay: 4.20079s;"></div><div class="star" style="left: 3.21886%; top: 66.8268%; width: 0.104028px; height: 0.104028px; --duration: 2.0563491535015084s; animation-delay: 4.67418s;"></div><div class="star" style="left: 49.9893%; top: 85.1194%; width: 2.78209px; height: 2.78209px; --duration: 4.0880262348975s; animation-delay: 3.48771s;"></div><div class="star" style="left: 87.7055%; top: 10.1471%; width: 0.407495px; height: 0.407495px; --duration: 4.728074727533846s; animation-delay: 2.32634s;"></div><div class="star" style="left: 23.5684%; top: 80.2723%; width: 0.818229px; height: 0.818229px; --duration: 3.623462799204009s; animation-delay: 1.811s;"></div><div class="star" style="left: 57.4538%; top: 54.0721%; width: 0.846272px; height: 0.846272px; --duration: 3.598577006996468s; animation-delay: 1.7021s;"></div><div class="star" style="left: 14.3712%; top: 78.2065%; width: 1.23858px; height: 1.23858px; --duration: 4.710750321158688s; animation-delay: 0.807836s;"></div><div class="star" style="left: 17.1697%; top: 36.6293%; width: 0.130339px; height: 0.130339px; --duration: 4.892020925984065s; animation-delay: 0.418996s;"></div><div class="star" style="left: 4.34941%; top: 63.4428%; width: 1.07915px; height: 1.07915px; --duration: 2.1293432565351575s; animation-delay: 2.14196s;"></div><div class="star" style="left: 16.9741%; top: 50.1089%; width: 0.0054651px; height: 0.0054651px; --duration: 3.0750089374542453s; animation-delay: 2.0846s;"></div><div class="star" style="left: 94.5736%; top: 61.7291%; width: 2.52302px; height: 2.52302px; --duration: 3.614870698000354s; animation-delay: 1.86665s;"></div><div class="star" style="left: 70.647%; top: 16.9849%; width: 1.15726px; height: 1.15726px; --duration: 2.7938569924176733s; animation-delay: 2.17242s;"></div><div class="star" style="left: 47.8657%; top: 64.1408%; width: 1.90542px; height: 1.90542px; --duration: 4.445058406411419s; animation-delay: 3.88573s;"></div><div class="star" style="left: 78.0757%; top: 23.7729%; width: 2.55502px; height: 2.55502px; --duration: 2.2705483238099724s; animation-delay: 4.75106s;"></div><div class="star" style="left: 89.0741%; top: 63.8023%; width: 1.68321px; height: 1.68321px; --duration: 2.390138049244954s; animation-delay: 3.78473s;"></div><div class="star" style="left: 41.3293%; top: 30.7394%; width: 0.299995px; height: 0.299995px; --duration: 3.32711487369364s; animation-delay: 2.30614s;"></div><div class="star" style="left: 32.6289%; top: 69.6674%; width: 2.4362px; height: 2.4362px; --duration: 3.128384631989071s; animation-delay: 2.31174s;"></div><div class="star" style="left: 58.0117%; top: 60.5994%; width: 2.34329px; height: 2.34329px; --duration: 2.8418560405421056s; animation-delay: 4.89489s;"></div><div class="star" style="left: 75.7662%; top: 25.3647%; width: 1.97215px; height: 1.97215px; --duration: 2.3822186406088113s; animation-delay: 3.22979s;"></div><div class="star" style="left: 45.6361%; top: 88.7173%; width: 2.34809px; height: 2.34809px; --duration: 2.7747050803353854s; animation-delay: 1.97995s;"></div><div class="star" style="left: 70.6964%; top: 50.7067%; width: 2.75975px; height: 2.75975px; --duration: 4.30210187672356s; animation-delay: 4.14872s;"></div><div class="star" style="left: 50.984%; top: 56.9554%; width: 0.169092px; height: 0.169092px; --duration: 3.4142994532087627s; animation-delay: 2.48302s;"></div><div class="star" style="left: 8.51059%; top: 36.3675%; width: 0.962388px; height: 0.962388px; --duration: 4.715299931399018s; animation-delay: 1.01567s;"></div><div class="star" style="left: 16.2984%; top: 21.617%; width: 0.895464px; height: 0.895464px; --duration: 2.428408279588064s; animation-delay: 0.462869s;"></div><div class="star" style="left: 74.7775%; top: 58.8158%; width: 0.614435px; height: 0.614435px; --duration: 3.3808408405223656s; animation-delay: 0.522695s;"></div><div class="star" style="left: 5.04973%; top: 56.4357%; width: 1.52645px; height: 1.52645px; --duration: 2.2898255733473736s; animation-delay: 4.64676s;"></div><div class="star" style="left: 48.1716%; top: 2.21323%; width: 0.0946535px; height: 0.0946535px; --duration: 4.8823325526408095s; animation-delay: 4.66093s;"></div><div class="star" style="left: 13.1613%; top: 4.51768%; width: 2.72483px; height: 2.72483px; --duration: 4.146810529959376s; animation-delay: 4.60442s;"></div><div class="star" style="left: 24.5144%; top: 61.7507%; width: 2.07045px; height: 2.07045px; --duration: 3.570977923531073s; animation-delay: 3.77978s;"></div><div class="star" style="left: 52.5315%; top: 2.2142%; width: 0.774277px; height: 0.774277px; --duration: 2.6180229601751286s; animation-delay: 3.0314s;"></div><div class="star" style="left: 48.8444%; top: 36.8044%; width: 2.92113px; height: 2.92113px; --duration: 4.41884699242984s; animation-delay: 4.20593s;"></div><div class="star" style="left: 64.5177%; top: 9.84896%; width: 1.97046px; height: 1.97046px; --duration: 3.9070399082145526s; animation-delay: 3.04893s;"></div><div class="star" style="left: 71.3714%; top: 79.9989%; width: 2.9498px; height: 2.9498px; --duration: 4.797346180972845s; animation-delay: 0.378141s;"></div><div class="star" style="left: 21.066%; top: 83.702%; width: 1.15052px; height: 1.15052px; --duration: 2.2888357531998262s; animation-delay: 2.93712s;"></div><div class="star" style="left: 69.9629%; top: 79.2265%; width: 2.77023px; height: 2.77023px; --duration: 3.319070817292965s; animation-delay: 3.23819s;"></div><div class="star" style="left: 27.2823%; top: 3.03681%; width: 1.50143px; height: 1.50143px; --duration: 3.659070386964506s; animation-delay: 4.0541s;"></div><div class="star" style="left: 37.7929%; top: 30.5454%; width: 2.03321px; height: 2.03321px; --duration: 3.2933581666146132s; animation-delay: 3.32067s;"></div><div class="star" style="left: 91.1312%; top: 21.675%; width: 0.579188px; height: 0.579188px; --duration: 3.019408339066357s; animation-delay: 0.250593s;"></div><div class="star" style="left: 65.1103%; top: 36.5346%; width: 2.28221px; height: 2.28221px; --duration: 4.9654618681518405s; animation-delay: 0.944638s;"></div><div class="star" style="left: 86.3443%; top: 1.68126%; width: 2.57704px; height: 2.57704px; --duration: 4.550759681586618s; animation-delay: 4.27184s;"></div><div class="star" style="left: 90.4636%; top: 51.7093%; width: 1.14302px; height: 1.14302px; --duration: 3.4057534590075007s; animation-delay: 4.5022s;"></div><div class="star" style="left: 3.96171%; top: 74.6338%; width: 1.18058px; height: 1.18058px; --duration: 3.8106199221504147s; animation-delay: 0.619314s;"></div><div class="star" style="left: 25.3091%; top: 96.0424%; width: 0.259628px; height: 0.259628px; --duration: 2.0196440997495735s; animation-delay: 4.14247s;"></div><div class="star" style="left: 79.5185%; top: 58.505%; width: 0.464498px; height: 0.464498px; --duration: 2.187308576350581s; animation-delay: 3.70443s;"></div><div class="star" style="left: 97.9837%; top: 61.0443%; width: 1.44956px; height: 1.44956px; --duration: 4.086970806894742s; animation-delay: 1.91976s;"></div><div class="star" style="left: 91.0508%; top: 4.57036%; width: 0.650868px; height: 0.650868px; --duration: 3.869441976420745s; animation-delay: 0.994013s;"></div><div class="star" style="left: 61.9382%; top: 94.7687%; width: 2.84596px; height: 2.84596px; --duration: 2.6548821511283593s; animation-delay: 0.131324s;"></div><div class="star" style="left: 52.4228%; top: 50.5788%; width: 2.67294px; height: 2.67294px; --duration: 3.9408517195116444s; animation-delay: 2.00016s;"></div><div class="star" style="left: 59.6389%; top: 93.9349%; width: 2.79449px; height: 2.79449px; --duration: 2.729792282384418s; animation-delay: 0.489705s;"></div><div class="star" style="left: 0.962235%; top: 76.8869%; width: 0.41586px; height: 0.41586px; --duration: 4.784327878883625s; animation-delay: 0.0790422s;"></div><div class="star" style="left: 7.17354%; top: 34.6076%; width: 0.484474px; height: 0.484474px; --duration: 4.017851185982672s; animation-delay: 0.106789s;"></div><div class="star" style="left: 27.2347%; top: 62.2246%; width: 0.463247px; height: 0.463247px; --duration: 3.807036448731745s; animation-delay: 0.972181s;"></div><div class="star" style="left: 63.1916%; top: 19.3065%; width: 2.42585px; height: 2.42585px; --duration: 3.699746764356934s; animation-delay: 3.42418s;"></div><div class="star" style="left: 64.5456%; top: 44.7381%; width: 0.389516px; height: 0.389516px; --duration: 4.927006244425561s; animation-delay: 1.14563s;"></div><div class="star" style="left: 54.4471%; top: 25.7818%; width: 0.733698px; height: 0.733698px; --duration: 2.387715947193661s; animation-delay: 3.95897s;"></div><div class="star" style="left: 23.3994%; top: 41.9375%; width: 2.90564px; height: 2.90564px; --duration: 3.1703132383288004s; animation-delay: 0.28453s;"></div><div class="star" style="left: 59.3621%; top: 94.2801%; width: 1.92882px; height: 1.92882px; --duration: 4.040552372005573s; animation-delay: 2.85418s;"></div><div class="star" style="left: 69.5925%; top: 30.1774%; width: 2.50774px; height: 2.50774px; --duration: 2.1969884155863317s; animation-delay: 2.88235s;"></div><div class="star" style="left: 94.6424%; top: 84.9815%; width: 0.872148px; height: 0.872148px; --duration: 4.8960073209691455s; animation-delay: 1.07774s;"></div><div class="star" style="left: 76.7164%; top: 48.8527%; width: 2.59312px; height: 2.59312px; --duration: 3.2821795231343147s; animation-delay: 4.03882s;"></div><div class="star" style="left: 0.534018%; top: 11.1113%; width: 1.31416px; height: 1.31416px; --duration: 2.668541789075303s; animation-delay: 2.5121s;"></div><div class="star" style="left: 86.9397%; top: 15.9593%; width: 1.78156px; height: 1.78156px; --duration: 2.254521124154405s; animation-delay: 1.3053s;"></div><div class="star" style="left: 86.2414%; top: 88.8269%; width: 0.394403px; height: 0.394403px; --duration: 3.0885590139768886s; animation-delay: 3.37654s;"></div><div class="star" style="left: 36.3893%; top: 0.767707%; width: 1.33787px; height: 1.33787px; --duration: 2.6254272253926008s; animation-delay: 2.55622s;"></div><div class="star" style="left: 9.37132%; top: 44.7853%; width: 1.2557px; height: 1.2557px; --duration: 3.7390111282811076s; animation-delay: 3.43998s;"></div><div class="star" style="left: 57.133%; top: 32.3777%; width: 1.69036px; height: 1.69036px; --duration: 2.9347804371735875s; animation-delay: 2.75821s;"></div><div class="star" style="left: 48.5115%; top: 84.7595%; width: 1.53234px; height: 1.53234px; --duration: 2.528930353614011s; animation-delay: 4.18586s;"></div><div class="star" style="left: 34.0739%; top: 64.0725%; width: 2.77219px; height: 2.77219px; --duration: 4.7688846506295715s; animation-delay: 0.416939s;"></div><div class="star" style="left: 28.362%; top: 66.4715%; width: 2.15837px; height: 2.15837px; --duration: 4.941915837666819s; animation-delay: 0.759582s;"></div><div class="star" style="left: 62.1405%; top: 0.860485%; width: 1.82146px; height: 1.82146px; --duration: 4.292559631614109s; animation-delay: 1.82759s;"></div><div class="star" style="left: 2.13475%; top: 29.4292%; width: 0.524628px; height: 0.524628px; --duration: 3.747913699658428s; animation-delay: 4.25935s;"></div><div class="star" style="left: 26.1552%; top: 59.9658%; width: 1.65087px; height: 1.65087px; --duration: 4.620218083441011s; animation-delay: 4.86346s;"></div><div class="star" style="left: 55.2461%; top: 13.1183%; width: 1.83027px; height: 1.83027px; --duration: 2.728917663266313s; animation-delay: 0.529955s;"></div><div class="star" style="left: 62.4422%; top: 21.128%; width: 2.2503px; height: 2.2503px; --duration: 4.522567199530232s; animation-delay: 0.349514s;"></div><div class="star" style="left: 17.0835%; top: 90.0932%; width: 0.664753px; height: 0.664753px; --duration: 3.276172411144633s; animation-delay: 1.63941s;"></div><div class="star" style="left: 66.0148%; top: 99.7766%; width: 2.68708px; height: 2.68708px; --duration: 2.1308768033624346s; animation-delay: 0.714286s;"></div><div class="star" style="left: 16.8959%; top: 27.9182%; width: 0.104583px; height: 0.104583px; --duration: 3.5629342051079935s; animation-delay: 4.45823s;"></div><div class="star" style="left: 25.4774%; top: 77.8064%; width: 0.55572px; height: 0.55572px; --duration: 3.7194009353202793s; animation-delay: 3.53133s;"></div><div class="star" style="left: 66.7136%; top: 38.8379%; width: 0.671306px; height: 0.671306px; --duration: 4.320259794389739s; animation-delay: 1.46523s;"></div><div class="star" style="left: 17.6322%; top: 29.9259%; width: 1.61054px; height: 1.61054px; --duration: 3.460467001408123s; animation-delay: 2.95165s;"></div><div class="star" style="left: 23.7555%; top: 9.84108%; width: 2.0911px; height: 2.0911px; --duration: 4.526940401004238s; animation-delay: 0.851878s;"></div><div class="star" style="left: 43.4934%; top: 89.058%; width: 1.37956px; height: 1.37956px; --duration: 2.484286694446545s; animation-delay: 3.2652s;"></div><div class="star" style="left: 39.1046%; top: 15.5224%; width: 2.94311px; height: 2.94311px; --duration: 2.8252032775660605s; animation-delay: 1.36037s;"></div><div class="star" style="left: 58.965%; top: 11.4436%; width: 1.55191px; height: 1.55191px; --duration: 4.849234252277752s; animation-delay: 0.970305s;"></div><div class="star" style="left: 83.4731%; top: 96.669%; width: 1.56912px; height: 1.56912px; --duration: 3.257349258075151s; animation-delay: 3.58136s;"></div><div class="star" style="left: 0.269113%; top: 75.846%; width: 2.84308px; height: 2.84308px; --duration: 3.7240118882694944s; animation-delay: 3.45197s;"></div><div class="star" style="left: 69.6097%; top: 99.4406%; width: 1.96969px; height: 1.96969px; --duration: 3.9626402659300917s; animation-delay: 3.77482s;"></div><div class="star" style="left: 37.2742%; top: 74.429%; width: 1.5874px; height: 1.5874px; --duration: 4.682098101554372s; animation-delay: 2.97778s;"></div><div class="star" style="left: 44.5138%; top: 56.5501%; width: 1.71181px; height: 1.71181px; --duration: 3.735022517170772s; animation-delay: 1.67207s;"></div><div class="star" style="left: 89.4049%; top: 21.6033%; width: 1.19364px; height: 1.19364px; --duration: 2.896597069797985s; animation-delay: 0.643753s;"></div><div class="star" style="left: 29.3708%; top: 58.319%; width: 1.7303px; height: 1.7303px; --duration: 2.3293695826482264s; animation-delay: 4.32071s;"></div><div class="star" style="left: 11.0884%; top: 81.5282%; width: 2.66987px; height: 2.66987px; --duration: 4.420661446562776s; animation-delay: 2.73581s;"></div><div class="star" style="left: 13.5742%; top: 64.0578%; width: 2.89445px; height: 2.89445px; --duration: 3.8791448921131524s; animation-delay: 3.34454s;"></div><div class="star" style="left: 73.0891%; top: 0.0358708%; width: 0.284897px; height: 0.284897px; --duration: 2.6325454157306982s; animation-delay: 2.03145s;"></div><div class="star" style="left: 4.13592%; top: 81.7112%; width: 1.90576px; height: 1.90576px; --duration: 2.8793719607394355s; animation-delay: 0.152982s;"></div></div>
  <div id="meteors" class="meteors"><div class="meteor" style="top: 40.2379%; animation-duration: 4.00768s; animation-delay: 1.59531s;"></div><div class="meteor" style="top: 6.28847%; animation-duration: 4.23427s; animation-delay: 1.57296s;"></div><div class="meteor" style="top: 8.98002%; animation-duration: 5.13107s; animation-delay: 4.32223s;"></div><div class="meteor" style="top: 44.6115%; animation-duration: 5.09378s; animation-delay: 3.42829s;"></div><div class="meteor" style="top: 27.7896%; animation-duration: 5.46877s; animation-delay: 0.0914716s;"></div></div>
  
  <div class="container mx-auto px-4 z-10 text-center">
      <div class="error-text">
          <h1 class="text-8xl md:text-9xl font-bold text-white mb-4 tracking-wider">404</h1>
          <h2 class="text-2xl md:text-3xl font-light text-blue-200 mb-8">Page Not Found</h2>
          <p class="text-lg text-blue-100 mb-12 max-w-lg mx-auto">The page you're looking for has drifted into deep space. Let's navigate back to familiar territory.</p>
      </div>
      
      <div class="relative w-64 h-64 md:w-80 md:h-80 mx-auto my-8">
          <div class="planet absolute inset-0">
              <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" class="w-full h-full">
                  <circle cx="100" cy="100" r="80" fill="#3498db"></circle>
                  <circle cx="70" cy="60" r="15" fill="#2980b9"></circle>
                  <circle cx="130" cy="80" r="20" fill="#2980b9"></circle>
                  <circle cx="90" cy="130" r="25" fill="#2980b9"></circle>
                  <circle cx="140" cy="140" r="10" fill="#2980b9"></circle>
              </svg>
          </div>
          <div class="astronaut absolute w-20 h-20 top-0 right-0 transform -translate-y-10 translate-x-10">
              <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" class="w-full h-full">
                  <rect x="35" y="40" width="30" height="40" rx="15" fill="#f5f5f5"></rect>
                  <circle cx="50" cy="30" r="20" fill="#f5f5f5"></circle>
                  <circle cx="42" cy="28" r="5" fill="#333"></circle>
                  <circle cx="58" cy="28" r="5" fill="#333"></circle>
                  <path d="M45 38 Q50 43 55 38" stroke="#333" stroke-width="2" fill="none"></path>
                  <rect x="45" y="80" width="5" height="15" fill="#f5f5f5"></rect>
                  <rect x="50" y="80" width="5" height="15" fill="#f5f5f5"></rect>
                  <rect x="30" y="50" width="5" height="20" fill="#f5f5f5"></rect>
                  <rect x="65" y="50" width="5" height="20" fill="#f5f5f5"></rect>
              </svg>
          </div>
      </div>
      
      <a href="/" class="btn-home inline-block bg-gradient-to-r from-blue-500 to-purple-600 text-white font-medium py-3 px-8 rounded-full text-lg transition-all duration-300 ease-in-out transform hover:scale-105">
          Return Home
      </a>
  </div>

  <script>
      // Create stars
      const starsContainer = document.getElementById('stars');
      const numStars = 200;
      
      for (let i = 0; i < numStars; i++) {
          const star = document.createElement('div');
          star.classList.add('star');
          
          // Random position
          const x = Math.random() * 100;
          const y = Math.random() * 100;
          
          // Random size
          const size = Math.random() * 3;
          
          // Random duration
          const duration = 2 + Math.random() * 3;
          
          // Random delay
          const delay = Math.random() * 5;
          
          star.style.left = `${x}%`;
          star.style.top = `${y}%`;
          star.style.width = `${size}px`;
          star.style.height = `${size}px`;
          star.style.setProperty('--duration', `${duration}s`);
          star.style.animationDelay = `${delay}s`;
          
          starsContainer.appendChild(star);
      }
      
      // Create meteors
      const meteorsContainer = document.getElementById('meteors');
      const numMeteors = 5;
      
      function createMeteor() {
          const meteor = document.createElement('div');
          meteor.classList.add('meteor');
          
          // Random position
          const startY = Math.random() * 50;
          
          // Random duration
          const duration = 3 + Math.random() * 4;
          
          meteor.style.top = `${startY}%`;
          meteor.style.animationDuration = `${duration}s`;
          meteor.style.animationDelay = `${Math.random() * 5}s`;
          
          meteorsContainer.appendChild(meteor);
          
          // Remove meteor after animation completes
          setTimeout(() => {
              meteor.remove();
              createMeteor();
          }, duration * 1000);
      }
      
      // Initialize meteors
      for (let i = 0; i < numMeteors; i++) {
          setTimeout(() => {
              createMeteor();
          }, i * 1000);
      }
  </script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'93b3c2a29622edfb',t:'MTc0NjQ4NTA0NC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe>


{% endblock content %}