@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";:root{font-family:Outfit,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow:hidden}*{box-sizing:border-box}.app-container{position:relative;width:100vw;height:100vh;overflow-x:hidden;overflow-y:auto;background-color:#000;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:2rem;padding-bottom:2rem}.bg-layer{position:absolute;inset:0;z-index:0;opacity:.5}.bg-image{width:100%;height:100%;object-fit:cover}.bg-overlay-gradient{position:absolute;inset:0;background:linear-gradient(to top,#000,#3200001a,#000);opacity:.8}.bg-overlay-dark{position:absolute;inset:0;background-color:#000;opacity:.4}.guide-lines{position:absolute;inset:0;z-index:5;pointer-events:none}.line-v{position:absolute;top:0;bottom:0;width:1px;background:#ffffff1a}.line-left{left:5%}.line-right{right:5%}.line-h{position:absolute;left:0;right:0;height:1px;background:#ffffff1a}.line-top{top:10%}.line-bottom{bottom:10%}.corner-tl,.corner-tr,.corner-bl,.corner-br{position:absolute;width:20px;height:20px;border-color:#ffffff4d;border-style:solid}.corner-tl{top:2rem;left:2rem;border-width:2px 0 0 2px}.corner-tr{top:2rem;right:2rem;border-width:2px 2px 0 0}.corner-bl{bottom:2rem;left:2rem;border-width:0 0 2px 2px}.corner-br{bottom:2rem;right:2rem;border-width:0 2px 2px 0}.content-container{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:0 1rem;text-align:center;width:100%;max-width:1200px;perspective:1000px}.logo-container{margin-bottom:-1rem;z-index:20;position:relative;width:10rem;height:4rem;transform-style:preserve-3d}@media(min-width:768px){.logo-container{width:12rem;height:5rem}}.logo-face{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}.logo-front{transform:rotateY(0)}.logo-back{transform:rotateY(180deg)}.logo-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 15px rgba(255,255,255,.3))}.protocol-header{font-size:1.25rem;letter-spacing:.2em;color:#ef4444;margin-bottom:1rem;margin-top:-1rem;text-shadow:0 0 10px rgba(239,68,68,.5);text-transform:uppercase}.drop-grid{display:grid;grid-template-columns:1fr;gap:1rem;width:100%;max-width:1000px;padding:0 1rem}@media(min-width:640px){.drop-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.drop-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.drop-card{background:#0009;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;min-height:320px;position:relative}.drop-card:hover{border-color:#ef444480;box-shadow:0 0 20px #ef444426;transform:translateY(-4px);background:#000000b3}.card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.card-type{font-size:.7rem;color:#9ca3af;letter-spacing:.1em;font-weight:600}.status-locked-icon{display:flex;align-items:center;gap:.5rem}.locked-id{font-family:monospace;font-size:.6rem;color:#6b7280}.card-lock-icon{width:1rem;height:1rem;color:#ef4444}.card-visual{flex:1;background:#000c;border:1px dashed rgba(255,255,255,.1);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;height:100px;min-height:100px}.mystery-visual{flex:1;width:100%;height:100%;background:#000;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;border:1px solid rgba(239,68,68,.2)}.static-noise{position:absolute;inset:0;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='1'/%3E%3C/svg%3E");background-size:200px 200px;animation:static-anim .5s steps(5) infinite;mix-blend-mode:overlay}@keyframes static-anim{0%{transform:translate(0)}20%{transform:translate(-10%,5%)}40%{transform:translate(5%,-10%)}60%{transform:translate(-5%,10%)}80%{transform:translate(10%,-5%)}to{transform:translate(0)}}.encrypted-label{z-index:10;font-family:monospace;font-size:.8rem;color:#ef4444cc;letter-spacing:.2em;background:#000000b3;padding:.2rem .5rem;border:1px dashed rgba(239,68,68,.3);animation:pulse-text 2s infinite}@keyframes pulse-text{0%,to{opacity:.5}50%{opacity:1;text-shadow:0 0 5px red}}.glitch-block{position:absolute;background:#ef44441a;width:100%;height:2px;animation:glitch-lines 2s infinite linear}.glitch-block:nth-child(2){animation-delay:.5s;height:4px;background:#ffffff0d}.glitch-block:nth-child(3){animation-delay:1.2s;height:1px;background:#ef44444d}@keyframes glitch-lines{0%{top:-10%;opacity:0}20%{opacity:1}80%{opacity:1}to{top:110%;opacity:0}}.visual-label{z-index:10;font-size:.6rem;color:#ffffff80;letter-spacing:.2em;background:#000c;padding:.25rem .5rem;border:1px solid rgba(255,255,255,.1)}.recruit-section{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.recruit-btn{background:#ef44441a;border:1px solid #ef4444;color:#ef4444;font-family:monospace;font-size:.7rem;padding:.5rem;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:all .2s ease;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.recruit-btn:hover{background:#ef4444;color:#000;box-shadow:0 0 15px #ef444480;text-shadow:none}.recruit-btn:active{transform:scale(.95);animation:shake .2s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-2px,0,0)}40%,60%{transform:translate3d(2px,0,0)}}.tech-specs{display:flex;flex-direction:column;gap:.2rem;font-family:monospace;font-size:.6rem;color:#6b7280;text-align:left;padding:.2rem 0;border-top:1px dotted rgba(255,255,255,.1)}.spec-row{opacity:.8}.spec-bullet{color:#ef4444}.hash-row{margin-top:.2rem;font-size:.5rem;opacity:.5;overflow:hidden;white-space:nowrap}.card-footer{text-align:left;display:flex;flex-direction:column;gap:.5rem}.drop-label{font-size:.8rem;color:#fff;font-weight:700;letter-spacing:.05em}.countdown-display{font-size:.6rem;color:#6b7280;line-height:1.4}.mono-time{font-family:monospace;color:#ef4444;font-size:.8rem;display:block;margin-top:.1rem;font-weight:600}.tba-text{color:#f59e0b;opacity:.8;letter-spacing:.05em}.unlocked{color:#10b981}.follower-progress{display:flex;flex-direction:column;gap:.25rem}.fp-label{font-size:.55rem;color:#ef4444;letter-spacing:.1em;font-weight:700}.fp-bar-bg{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.fp-bar-fill{background:#ef4444;height:100%;transition:width .5s ease-out;box-shadow:0 0 5px #ef4444cc}.fp-numbers{font-family:monospace;font-size:.65rem;color:#fff;text-align:right}.status-unlocked{font-size:.6rem;color:#10b981;letter-spacing:.1em;border:1px solid #10b981;padding:.1rem .3rem;border-radius:2px}.unlocked-card{border-color:#10b9814d;box-shadow:0 0 15px #10b9811a}.unlocked-card:hover{border-color:#10b98199;box-shadow:0 0 25px #10b98133}.active-visual{background:repeating-linear-gradient(45deg,rgba(16,185,129,.05),rgba(16,185,129,.05) 10px,transparent 10px,transparent 20px)}.vignette-overlay{position:absolute;inset:0;z-index:20;pointer-events:none;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.8) 90%)}.scanlines-overlay{position:absolute;inset:0;z-index:30;pointer-events:none;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px;animation:scrollScanlines 10s linear infinite;opacity:.4}@keyframes scrollScanlines{0%{background-position:0 0}to{background-position:0 100%}}@keyframes flicker{0%{opacity:.4}5%{opacity:.5}10%{opacity:.4}15%{opacity:.6}20%{opacity:.4}50%{opacity:.4}55%{opacity:.5}60%{opacity:.3}to{opacity:.4}}.flicker-effect{animation:flicker 4s infinite alternate}.glitch-text:before,.glitch-text:after{content:"PROTOCOL: GENESIS_DROP";position:absolute;top:0;left:0;width:100%;height:100%;background:#000}.glitch-text:before{left:2px;text-shadow:-1px 0 red;clip:rect(24px,550px,90px,0);animation:glitch-anim-1 2.5s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-1px 0 blue;clip:rect(85px,550px,140px,0);animation:glitch-anim-2 3s infinite linear alternate-reverse}.glitch-text-small:hover{animation:glitch-skew .3s infinite linear alternate-reverse;color:#ef4444}@keyframes glitch-skew{0%{transform:skew(0)}20%{transform:skew(-5deg)}40%{transform:skew(5deg)}60%{transform:skew(-2deg)}80%{transform:skew(2deg)}to{transform:skew(0)}}@keyframes glitch-anim-1{0%{clip:rect(20px,9999px,15px,0)}to{clip:rect(70px,9999px,95px,0)}}@keyframes glitch-anim-2{0%{clip:rect(65px,9999px,10px,0)}to{clip:rect(35px,9999px,70px,0)}}.log-container{position:absolute;top:1rem;left:1rem;width:250px;height:200px;overflow:hidden;font-family:monospace;font-size:.7rem;color:#0f09;z-index:25;text-align:left;display:flex;flex-direction:column-reverse;-webkit-mask-image:linear-gradient(to top,#000 50%,#0000);mask-image:linear-gradient(to top,#000 50%,#0000)}.log-entry{margin-bottom:2px}