@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Syncopate:wght@400;700&display=swap";:root{--vault-black: #050505;--vault-dark: #0a0a0a;--vault-gray: #141414;--vault-light-gray: #1f1f1f;--neon-green: #00ff41;--neon-cyan: #00f0ff;--neon-pink: #ff006e;--neon-yellow: #ffea00;--neon-red: #ff3131;--font-display: "Syncopate", sans-serif;--font-heading: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--border-sharp: 0px;--border-chamfer: 2px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-heading);background:var(--vault-black);color:#fff;min-height:100vh;overflow-x:hidden;line-height:1.4;letter-spacing:-.02em}::selection{background:var(--neon-green);color:var(--vault-black)}.grid-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px}.grid-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 0%,rgba(0,255,65,.05) 0%,transparent 50%)}.kinetic-title{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.1em;line-height:.9;position:relative}.kinetic-title .char{display:inline-block;transition:transform .3s cubic-bezier(.16,1,.3,1)}.kinetic-title:hover .char{animation:char-jump .6s ease forwards}@keyframes char-jump{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.kinetic-title .char:nth-child(1){animation-delay:0s}.kinetic-title .char:nth-child(2){animation-delay:.05s}.kinetic-title .char:nth-child(3){animation-delay:.1s}.kinetic-title .char:nth-child(4){animation-delay:.15s}.kinetic-title .char:nth-child(5){animation-delay:.2s}.kinetic-title .char:nth-child(6){animation-delay:.25s}.kinetic-title .char:nth-child(7){animation-delay:.3s}.mega-text{font-family:var(--font-display);font-size:clamp(80px,15vw,200px);font-weight:700;text-transform:uppercase;letter-spacing:-.05em;line-height:.85;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.1);position:absolute;z-index:-1;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap}.glitch-text{position:relative;display:inline-block}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{animation:glitch-1 2s infinite linear alternate-reverse;color:var(--neon-cyan);z-index:-1}.glitch-text:after{animation:glitch-2 3s infinite linear alternate-reverse;color:var(--neon-pink);z-index:-2}@keyframes glitch-1{0%,to{clip-path:inset(0 0 95% 0);transform:translate(-2px)}20%{clip-path:inset(20% 0 60% 0);transform:translate(2px)}40%{clip-path:inset(40% 0 40% 0);transform:translate(-2px)}60%{clip-path:inset(60% 0 20% 0);transform:translate(2px)}80%{clip-path:inset(80% 0 5% 0);transform:translate(-2px)}}@keyframes glitch-2{0%,to{clip-path:inset(95% 0 0 0);transform:translate(2px)}20%{clip-path:inset(60% 0 20% 0);transform:translate(-2px)}40%{clip-path:inset(40% 0 40% 0);transform:translate(2px)}60%{clip-path:inset(20% 0 60% 0);transform:translate(-2px)}80%{clip-path:inset(5% 0 80% 0);transform:translate(2px)}}.scramble-text{font-family:var(--font-mono)}.brutalist-box{background:var(--vault-gray);border:1px solid rgba(255,255,255,.1);position:relative}.brutalist-box:before{content:"";position:absolute;top:4px;left:4px;right:-4px;bottom:-4px;background:var(--neon-green);z-index:-1;opacity:0;transition:opacity .3s ease}.brutalist-box:hover:before{opacity:.3}.corner-accent{position:relative}.corner-accent:after{content:"";position:absolute;top:-1px;right:-1px;width:20px;height:20px;border-top:2px solid var(--neon-green);border-right:2px solid var(--neon-green)}.btn-brutalist{font-family:var(--font-mono);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;padding:16px 32px;background:transparent;border:1px solid var(--neon-green);color:var(--neon-green);cursor:pointer;position:relative;transition:all .2s ease;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.btn-brutalist:hover{background:var(--neon-green);color:var(--vault-black);transform:translate(-2px,-2px);box-shadow:4px 4px #00ff414d}.btn-brutalist:active{transform:translate(0);box-shadow:none}.btn-brutalist:disabled{border-color:#333;color:#555;cursor:not-allowed;transform:none;box-shadow:none}.btn-brutalist:disabled:hover{background:transparent;color:#555}.btn-brutalist-secondary{font-family:var(--font-mono);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;padding:16px 32px;background:var(--neon-green);border:1px solid var(--neon-green);color:var(--vault-black);cursor:pointer;position:relative;transition:all .2s ease;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.btn-brutalist-secondary:hover{background:transparent;color:var(--neon-green);transform:translate(-2px,-2px);box-shadow:4px 4px #00ff414d}.btn-brutalist-danger{font-family:var(--font-mono);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;padding:16px 32px;background:transparent;border:1px solid var(--neon-red);color:var(--neon-red);cursor:pointer;position:relative;transition:all .2s ease;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.btn-brutalist-danger:hover{background:var(--neon-red);color:#fff;transform:translate(-2px,-2px);box-shadow:4px 4px #ff31314d}.terminal-input{font-family:var(--font-mono);font-size:.95rem;line-height:1.6;width:100%;background:var(--vault-dark);border:1px solid #333;padding:20px;color:#fff;resize:none;transition:all .3s ease;position:relative}.terminal-input:focus{outline:none;border-color:var(--neon-green);background:var(--vault-gray);box-shadow:inset 0 0 20px #00ff410d,0 0 0 1px #00ff411a}.terminal-input::placeholder{color:#444}.terminal-cursor:after{content:"█";animation:blink 1s step-end infinite;color:var(--neon-green);margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.chip-brutalist{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:12px 20px;background:var(--vault-dark);border:1px solid #333;color:#666;cursor:pointer;transition:all .2s ease;position:relative}.chip-brutalist:hover{border-color:#555;color:#999}.chip-brutalist.active{background:var(--neon-green);border-color:var(--neon-green);color:var(--vault-black);font-weight:600}.chip-brutalist.active:after{content:"←";position:absolute;right:8px;top:50%;transform:translateY(-50%)}.mono-label{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#666}.status-pill{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;padding:4px 10px;background:var(--vault-dark);border:1px solid #333;display:inline-flex;align-items:center;gap:6px}.status-pill:before{content:"";width:6px;height:6px;background:currentColor}.status-pill.online{color:var(--neon-green);border-color:var(--neon-green)}.status-pill.warning{color:var(--neon-yellow);border-color:var(--neon-yellow)}.status-pill.error{color:var(--neon-red);border-color:var(--neon-red)}@keyframes slide-up-brutal{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes pulse-border{0%,to{border-color:#00ff414d}50%{border-color:#00ff41cc}}@keyframes noise{0%,to{background-position:0 0}10%{background-position:-5% -5%}20%{background-position:-10% 5%}30%{background-position:5% -10%}40%{background-position:-5% 15%}50%{background-position:-10% 5%}60%{background-position:15% 0}70%{background-position:0 10%}80%{background-position:-15% 0}90%{background-position:10% 5%}}.animate-slide-up-brutal{animation:slide-up-brutal .6s cubic-bezier(.16,1,.3,1) forwards}.animate-pulse-border{animation:pulse-border 2s ease-in-out infinite}.scan-line{position:fixed;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,255,65,.2) 50%,transparent 100%);animation:scan-line 4s ease-out forwards;pointer-events:none;z-index:100}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");animation:noise .5s steps(10) infinite}.font-display{font-family:var(--font-display)}.font-heading{font-family:var(--font-heading)}.font-mono{font-family:var(--font-mono)}.text-neon-green{color:var(--neon-green)}.text-neon-cyan{color:var(--neon-cyan)}.text-neon-pink{color:var(--neon-pink)}.text-neon-yellow{color:var(--neon-yellow)}.text-neon-red{color:var(--neon-red)}.bg-vault-black{background:var(--vault-black)}.bg-vault-dark{background:var(--vault-dark)}.bg-vault-gray{background:var(--vault-gray)}.border-neon-green{border-color:var(--neon-green)}.border-neon-cyan{border-color:var(--neon-cyan)}.border-neon-pink{border-color:var(--neon-pink)}::-webkit-scrollbar{width:8px;background:var(--vault-black)}::-webkit-scrollbar-thumb{background:#333}::-webkit-scrollbar-thumb:hover{background:var(--neon-green)}:focus-visible{outline:1px solid var(--neon-green);outline-offset:2px}