*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#16213e 100%);color:#fff;overflow:hidden;position:relative}.container{display:flex;justify-content:center;align-items:center;min-height:100vh;position:relative;z-index:2}.main-text{font-family:'Orbitron','Courier New',monospace;font-size:clamp(2.5rem,8vw,6rem);font-weight:900;text-align:center;letter-spacing:0.1em;text-transform:uppercase;color:#4ade80;animation:text-move-and-glow 4s ease-in-out 2s forwards,text-glow 3s ease-in-out infinite alternate;animation-delay:2s;text-shadow:0 0 3px rgba(74,222,128,0.4),0 0 6px rgba(74,222,128,0.2),0 0 12px rgba(74,222,128,0.1);transform:translateY(0)}.starfield{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.star{position:absolute;width:1px;height:1px;background:#fff;border-radius:50%;animation:twinkle 3s ease-in-out infinite}.star.bright{width:2px;height:2px;box-shadow:0 0 6px #00d4ff;background:#00d4ff}.star.medium{width:1.5px;height:1.5px;box-shadow:0 0 3px #fff}.binary-orbit{position:fixed;top:25%;left:25%;width:50vw;height:50vh;z-index:1;pointer-events:none}.binary-digit{position:absolute;font-family:'Courier New',monospace;font-size:12px;color:#00ff88;opacity:0.4;text-shadow:0 0 3px #00ff88;transition:opacity 0.3s ease}.binary-digit:hover{opacity:0.8}.binary-orbit-1{animation:float-1 45s linear infinite}.binary-orbit-2{animation:float-2 60s linear infinite}.binary-orbit-3{animation:float-3 55s linear infinite}.binary-orbit-4{animation:float-4 50s linear infinite}.binary-orbit-5{animation:float-5 65s linear infinite}.binary-orbit-6{animation:float-6 40s linear infinite}.binary-orbit-7{animation:float-7 70s linear infinite}.binary-orbit-8{animation:float-8 48s linear infinite}.binary-orbit-9{animation:float-9 52s linear infinite}.binary-orbit-10{animation:float-10 58s linear infinite}.binary-orbit-11{animation:float-11 42s linear infinite}.binary-orbit-12{animation:float-12 67s linear infinite}.binary-orbit-13{animation:float-13 46s linear infinite}.binary-orbit-14{animation:float-14 62s linear infinite}.binary-orbit-15{animation:float-15 54s linear infinite}.binary-orbit-16{animation:float-16 49s linear infinite}.binary-orbit-17{animation:float-17 56s linear infinite}.binary-orbit-18{animation:float-18 44s linear infinite}.binary-orbit-19{animation:float-19 63s linear infinite}.binary-orbit-20{animation:float-20 51s linear infinite}.binary-orbit-21{animation:float-21 47s linear infinite}.binary-orbit-22{animation:float-22 59s linear infinite}.binary-orbit-23{animation:float-23 53s linear infinite}.binary-orbit-24{animation:float-24 41s linear infinite}.binary-orbit-25{animation:float-25 66s linear infinite}.binary-orbit-26{animation:float-26 57s linear infinite}.binary-orbit-27{animation:float-27 43s linear infinite}.binary-orbit-28{animation:float-28 61s linear infinite}.binary-orbit-29{animation:float-29 48s linear infinite}.binary-orbit-30{animation:float-30 68s linear infinite}.binary-orbit-31{animation:float-31 45s linear infinite}.binary-orbit-32{animation:float-32 64s linear infinite}.binary-orbit-33{animation:float-33 39s linear infinite}.binary-orbit-34{animation:float-34 56s linear infinite}.binary-orbit-35{animation:float-35 50s linear infinite}.binary-orbit-36{animation:float-36 69s linear infinite}.binary-footer{position:fixed;bottom:0;left:0;width:100%;height:40px;background:linear-gradient(to top,rgba(10,10,10,0.9) 0%,transparent 100%);z-index:1;overflow:hidden}.binary-ticker{position:absolute;white-space:nowrap;font-family:'Courier New',monospace;font-size:11px;color:#00ff88;opacity:0.3;animation:ticker-scroll 45s linear infinite;text-shadow:0 0 2px #00ff88;top:50%;transform:translateY(-50%)}@keyframes ticker-scroll{0%{transform:translateX(100vw) translateY(-50%)}100%{transform:translateX(-100%) translateY(-50%)}}@keyframes float-1{0%{top:15%;left:12%}25%{top:25%;left:25%}50%{top:35%;left:15%}75%{top:20%;left:8%}100%{top:15%;left:12%}}@keyframes float-2{0%{top:25%;left:78%}25%{top:15%;left:85%}50%{top:30%;left:82%}75%{top:35%;left:75%}100%{top:25%;left:78%}}@keyframes float-3{0%{top:8%;left:45%}25%{top:18%;left:55%}50%{top:12%;left:38%}75%{top:5%;left:48%}100%{top:8%;left:45%}}@keyframes float-4{0%{top:65%;left:20%}25%{top:75%;left:15%}50%{top:70%;left:28%}75%{top:60%;left:25%}100%{top:65%;left:20%}}@keyframes float-5{0%{top:45%;left:85%}25%{top:55%;left:78%}50%{top:50%;left:88%}75%{top:40%;left:82%}100%{top:45%;left:85%}}@keyframes float-6{0%{top:35%;left:8%}25%{top:25%;left:15%}50%{top:40%;left:12%}75%{top:45%;left:5%}100%{top:35%;left:8%}}@keyframes float-7{0%{top:75%;left:55%}25%{top:85%;left:48%}50%{top:80%;left:62%}75%{top:70%;left:58%}100%{top:75%;left:55%}}@keyframes float-8{0%{top:20%;left:65%}25%{top:30%;left:72%}50%{top:25%;left:58%}75%{top:15%;left:68%}100%{top:20%;left:65%}}@keyframes float-9{0%{top:55%;left:35%}25%{top:45%;left:42%}50%{top:60%;left:28%}75%{top:65%;left:38%}100%{top:55%;left:35%}}@keyframes float-10{0%{top:85%;left:15%}25%{top:75%;left:22%}50%{top:88%;left:8%}75%{top:82%;left:18%}100%{top:85%;left:15%}}@keyframes float-11{0%{top:15%;left:88%}25%{top:8%;left:82%}50%{top:22%;left:92%}75%{top:18%;left:85%}100%{top:15%;left:88%}}@keyframes float-12{0%{top:70%;left:72%}25%{top:80%;left:78%}50%{top:65%;left:68%}75%{top:75%;left:75%}100%{top:70%;left:72%}}@keyframes float-13{0%{top:40%;left:25%}25%{top:35%;left:32%}50%{top:45%;left:18%}75%{top:50%;left:28%}100%{top:40%;left:25%}}@keyframes float-14{0%{top:60%;left:60%}25%{top:55%;left:68%}50%{top:65%;left:55%}75%{top:70%;left:62%}100%{top:60%;left:60%}}@keyframes float-15{0%{top:10%;left:30%}25%{top:5%;left:38%}50%{top:15%;left:25%}75%{top:20%;left:35%}100%{top:10%;left:30%}}@keyframes float-16{0%{top:80%;left:82%}25%{top:85%;left:75%}50%{top:75%;left:88%}75%{top:78%;left:80%}100%{top:80%;left:82%}}@keyframes float-17{0%{top:30%;left:50%}25%{top:25%;left:45%}50%{top:35%;left:55%}75%{top:40%;left:48%}100%{top:30%;left:50%}}@keyframes float-18{0%{top:50%;left:10%}25%{top:45%;left:18%}50%{top:55%;left:5%}75%{top:60%;left:15%}100%{top:50%;left:10%}}@keyframes float-19{0%{top:22%;left:15%}25%{top:18%;left:22%}50%{top:28%;left:8%}75%{top:32%;left:18%}100%{top:22%;left:15%}}@keyframes float-20{0%{top:68%;left:85%}25%{top:62%;left:78%}50%{top:75%;left:88%}75%{top:72%;left:82%}100%{top:68%;left:85%}}@keyframes float-21{0%{top:12%;left:70%}25%{top:8%;left:65%}50%{top:18%;left:75%}75%{top:15%;left:72%}100%{top:12%;left:70%}}@keyframes float-22{0%{top:78%;left:25%}25%{top:85%;left:32%}50%{top:72%;left:18%}75%{top:75%;left:28%}100%{top:78%;left:25%}}@keyframes float-23{0%{top:42%;left:75%}25%{top:38%;left:82%}50%{top:48%;left:68%}75%{top:45%;left:78%}100%{top:42%;left:75%}}@keyframes float-24{0%{top:58%;left:18%}25%{top:52%;left:25%}50%{top:65%;left:12%}75%{top:62%;left:22%}100%{top:58%;left:18%}}@keyframes float-25{0%{top:18%;left:55%}25%{top:25%;left:62%}50%{top:12%;left:48%}75%{top:15%;left:58%}100%{top:18%;left:55%}}@keyframes float-26{0%{top:72%;left:45%}25%{top:68%;left:52%}50%{top:78%;left:38%}75%{top:75%;left:48%}100%{top:72%;left:45%}}@keyframes float-27{0%{top:38%;left:12%}25%{top:42%;left:8%}50%{top:32%;left:18%}75%{top:35%;left:15%}100%{top:38%;left:12%}}@keyframes float-28{0%{top:88%;left:68%}25%{top:82%;left:75%}50%{top:92%;left:62%}75%{top:85%;left:72%}100%{top:88%;left:68%}}@keyframes float-29{0%{top:28%;left:82%}25%{top:32%;left:88%}50%{top:22%;left:75%}75%{top:25%;left:85%}100%{top:28%;left:82%}}@keyframes float-30{0%{top:62%;left:38%}25%{top:58%;left:45%}50%{top:68%;left:32%}75%{top:65%;left:42%}100%{top:62%;left:38%}}@keyframes float-31{0%{top:48%;left:65%}25%{top:52%;left:72%}50%{top:42%;left:58%}75%{top:45%;left:68%}100%{top:48%;left:65%}}@keyframes float-32{0%{top:82%;left:52%}25%{top:88%;left:58%}50%{top:78%;left:45%}75%{top:85%;left:55%}100%{top:82%;left:52%}}@keyframes float-33{0%{top:32%;left:28%}25%{top:28%;left:35%}50%{top:38%;left:22%}75%{top:35%;left:32%}100%{top:32%;left:28%}}@keyframes float-34{0%{top:52%;left:78%}25%{top:48%;left:85%}50%{top:58%;left:72%}75%{top:55%;left:82%}100%{top:52%;left:78%}}@keyframes float-35{0%{top:75%;left:35%}25%{top:72%;left:42%}50%{top:82%;left:28%}75%{top:78%;left:38%}100%{top:75%;left:35%}}@keyframes float-36{0%{top:25%;left:42%}25%{top:32%;left:48%}50%{top:18%;left:38%}75%{top:22%;left:45%}100%{top:25%;left:42%}}.reticle-container{position:absolute;width:100%;height:100%;z-index:1}.reticle-line{position:absolute;background:linear-gradient(to center,transparent,#ffffff,transparent);opacity:0}.reticle-line.top{top:0;left:50%;width:2px;height:0;transform:translateX(-50%);background:linear-gradient(to bottom,transparent,#ffffff,transparent)}.reticle-line.bottom{bottom:0;left:50%;width:2px;height:0;transform:translateX(-50%);background:linear-gradient(to top,transparent,#ffffff,transparent)}.reticle-line.left{left:0;top:50%;width:0;height:2px;transform:translateY(-50%);background:linear-gradient(to right,transparent,#ffffff,transparent)}.reticle-line.right{right:0;top:50%;width:0;height:2px;transform:translateY(-50%);background:linear-gradient(to left,transparent,#ffffff,transparent)}.reticle-center{position:absolute;top:50%;left:50%;width:240px;height:240px;transform:translate(-50%,-50%);opacity:0;animation:reticle-center-appear 2s ease-in-out forwards;animation-delay:2s}.scope-outer-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid #ffffff;border-radius:50%;box-shadow:inset 0 0 20px rgba(255,255,255,0.3)}.scope-inner-ring{position:absolute;top:20px;left:20px;width:calc(100% - 40px);height:calc(100% - 40px);border:1px solid #ffffff;border-radius:50%;opacity:0.6}.christmas-line{position:absolute;background:#ffffff;box-shadow:0 0 4px #ffffff}.vertical-main{background:#ffffff;box-shadow:0 0 6px #ffffff}.horizontal-main{background:#ffffff;box-shadow:0 0 6px #ffffff}.range-tick{position:absolute;background:#ffffff;box-shadow:0 0 2px #ffffff}.center-dot{position:absolute;top:50%;left:50%;width:4px;height:4px;background:#ffffff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #ffffff}.mil-dot{position:absolute;width:3px;height:3px;background:#ffffff;border-radius:50%;box-shadow:0 0 4px #ffffff}.hash-mark{position:absolute;background:#ffffff}.hash-major{width:12px;height:1px}.hash-minor{width:6px;height:1px}.range-number{position:absolute;color:#ffffff;font-family:'Courier New',monospace;font-size:10px;font-weight:bold;text-shadow:0 0 4px #ffffff}@keyframes text-glow{0%{text-shadow:0 0 3px rgba(74,222,128,0.4),0 0 6px rgba(74,222,128,0.2),0 0 12px rgba(74,222,128,0.1)}100%{text-shadow:0 0 8px rgba(74,222,128,0.8),0 0 16px rgba(74,222,128,0.5),0 0 24px rgba(74,222,128,0.2)}}@keyframes text-move-and-glow{0%{transform:translateY(0);text-shadow:0 0 3px rgba(74,222,128,0.4),0 0 6px rgba(74,222,128,0.2),0 0 12px rgba(74,222,128,0.1)}50%{transform:translateY(-160px);text-shadow:0 0 6px rgba(74,222,128,0.6),0 0 12px rgba(74,222,128,0.4),0 0 20px rgba(74,222,128,0.2)}100%{transform:translateY(-160px);text-shadow:0 0 8px rgba(74,222,128,0.8),0 0 16px rgba(74,222,128,0.5),0 0 24px rgba(74,222,128,0.2)}}@keyframes twinkle{0%,100%{opacity:0.3}50%{opacity:1}}.reticle-line.top{animation:reticle-top 2s ease-in-out forwards}.reticle-line.bottom{animation:reticle-bottom 2s ease-in-out forwards}.reticle-line.left{animation:reticle-left 2s ease-in-out forwards}.reticle-line.right{animation:reticle-right 2s ease-in-out forwards}@keyframes reticle-top{0%{height:0;opacity:0}100%{height:50vh;opacity:1}}@keyframes reticle-bottom{0%{height:0;opacity:0}100%{height:50vh;opacity:1}}@keyframes reticle-left{0%{width:0;opacity:0}100%{width:50vw;opacity:1}}@keyframes reticle-right{0%{width:0;opacity:0}100%{width:50vw;opacity:1}}@keyframes reticle-center-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width:768px){.main-text{padding:0 20px;line-height:1.2;animation:text-move-and-glow-mobile 4s ease-in-out 2s forwards,text-glow 3s ease-in-out infinite alternate}.binary-orbit{width:50vw;height:50vh}.binary-digit{font-size:10px;opacity:0.3}.binary-footer{height:25px}.binary-ticker{font-size:9px;opacity:0.25}}@keyframes text-move-and-glow-mobile{0%{transform:translateY(0);text-shadow:0 0 3px rgba(74,222,128,0.4),0 0 6px rgba(74,222,128,0.2),0 0 12px rgba(74,222,128,0.1)}50%{transform:translateY(-220px);text-shadow:0 0 6px rgba(74,222,128,0.6),0 0 12px rgba(74,222,128,0.4),0 0 20px rgba(74,222,128,0.2)}100%{transform:translateY(-220px);text-shadow:0 0 8px rgba(74,222,128,0.8),0 0 16px rgba(74,222,128,0.5),0 0 24px rgba(74,222,128,0.2)}}