@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;700&family=Space+Mono:wght@400;700&display=swap";html,body{width:100%;height:100%;margin:0;padding:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{color:#fff;background:#000;font-family:Space Grotesk,sans-serif}.noise-canvas{pointer-events:none;z-index:0;position:fixed;inset:0}.scanline{pointer-events:none;z-index:1;background:repeating-linear-gradient(#0000,#0000 2px,#ffffff04 2px 4px);position:fixed;inset:0}.grid-lines{pointer-events:none;z-index:2;display:flex;position:fixed;inset:0}.grid-line{border-right:1px solid #ffffff0a;flex:1}.root{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.main{z-index:10;opacity:0;border:1px solid #ffffff29;flex-direction:column;align-items:center;width:min(90vw,720px);padding:40px 48px;animation:1s cubic-bezier(.22,1,.36,1) forwards fadeUp;display:flex;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.corner{border-style:solid;border-color:#fff;width:14px;height:14px;position:absolute}.corner.tl{border-width:2px 0 0 2px;top:-1px;left:-1px}.corner.tr{border-width:2px 2px 0 0;top:-1px;right:-1px}.corner.bl{border-width:0 0 2px 2px;bottom:-1px;left:-1px}.corner.br{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.header{justify-content:center;width:100%;margin-bottom:40px;display:flex}.badge{letter-spacing:.35em;color:#fff;border:1px solid #fff6;padding:6px 16px;font-family:Space Mono,monospace;font-size:10px;animation:2.8s step-end infinite blink}@keyframes blink{0%,to{border-color:#fff6}50%{border-color:#ffffff0f}}.hero{flex-direction:column;align-items:center;gap:28px;width:100%;display:flex}.headline{letter-spacing:-.03em;text-align:center;flex-direction:column;align-items:center;font-weight:700;line-height:.9;display:flex}.line{opacity:0;animation:.9s cubic-bezier(.22,1,.36,1) forwards slideIn;display:block;overflow:hidden;transform:translateY(100%)}.line1{font-size:clamp(30px,7vw,80px);animation-delay:.3s}.line2{color:#0000;-webkit-text-stroke:2px #fff;letter-spacing:-.05em;font-size:clamp(72px,17vw,190px);animation-delay:.44s}.line3{color:#ffffff7a;font-size:clamp(24px,5.5vw,62px);animation-delay:.58s}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}.rule{background:#fff;align-self:stretch;width:0;height:1px;animation:.9s cubic-bezier(.22,1,.36,1) .82s forwards expandRule}@keyframes expandRule{to{width:100%}}.sub{color:#ffffff6b;text-align:center;letter-spacing:.04em;opacity:0;font-size:clamp(13px,1.5vw,15px);line-height:1.75;animation:1s 1s forwards fadeIn}@keyframes fadeIn{to{opacity:1}}.barcode-accent{opacity:0;border-top:1px solid #ffffff1a;flex-direction:column;gap:10px;width:100%;padding-top:22px;animation:1s 1.15s forwards fadeIn;display:flex}.barcode{flex-direction:row;width:100%;height:52px;display:flex;overflow:hidden}.bar{height:100%;display:block}.barcode-meta{letter-spacing:.08em;color:#ffffff47;justify-content:space-between;align-items:center;font-family:Space Mono,monospace;font-size:9px;display:flex}.scan-hint{letter-spacing:.22em;color:#ffffffa6;font-size:10px;animation:2.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.65}50%{opacity:.2}}.footer{letter-spacing:.2em;color:#ffffff38;opacity:0;justify-content:center;align-items:center;gap:12px;margin-top:36px;font-family:Space Mono,monospace;font-size:9px;animation:1s 1.3s forwards fadeIn;display:flex}.footer-dot{background:#ffffff38;border-radius:50%;width:3px;height:3px;display:inline-block}@media (width<=480px){.main{padding:28px 20px}.barcode-meta span:first-child,.barcode-meta span:last-child{display:none}}