@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&display=swap");.cyber-page{--cyber-cyan:#00f0ff;--cyber-magenta:#ff2bd6;--cyber-yellow:#fcee0a;--cyber-bg:#050008;--cyber-panel:rgba(10,4,24,0.78);position:relative;min-height:100vh;overflow-x:hidden;background-color:var(--cyber-bg);color:#d7e4ef;font-family:Inter,system-ui,sans-serif}.cyber-display{font-family:Orbitron,Inter,sans-serif}.cyber-mono{font-family:JetBrains Mono,Menlo,monospace}.cyber-grid{inset:0;background-image:linear-gradient(rgba(0,240,255,.12) 1px,transparent 0),linear-gradient(90deg,rgba(0,240,255,.12) 1px,transparent 0);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 35%,black 30%,transparent 80%);mask-image:radial-gradient(ellipse 90% 70% at 50% 35%,black 30%,transparent 80%);animation:cyber-grid-pan 14s linear infinite}.cyber-glow,.cyber-grid{position:fixed;z-index:0;pointer-events:none}.cyber-glow{width:60vw;height:60vw;border-radius:50%;filter:blur(120px);opacity:.22}.cyber-glow--cyan{top:-20vw;right:-20vw;background:var(--cyber-cyan)}.cyber-glow--magenta{bottom:-25vw;left:-20vw;background:var(--cyber-magenta)}.cyber-scanlines{position:fixed;inset:0;z-index:30;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 2px,rgba(0,0,0,.18) 3px,rgba(0,0,0,0) 4px);animation:cyber-scan 9s linear infinite}.cyber-content{position:relative;z-index:10}.cyber-nav{background:rgba(5,0,8,.85);backdrop-filter:blur(8px);border-bottom:1px solid rgba(0,240,255,.25);box-shadow:0 0 18px rgba(0,240,255,.08)}.cyber-logo{color:var(--cyber-cyan);text-shadow:0 0 6px rgba(0,240,255,.9),0 0 24px rgba(0,240,255,.5);animation:cyber-flicker 5s infinite}.cyber-navlink{position:relative;color:rgba(215,228,239,.65);transition:color .2s,text-shadow .2s}.cyber-navlink--active,.cyber-navlink:hover{color:var(--cyber-cyan);text-shadow:0 0 10px rgba(0,240,255,.8)}.cyber-badge{color:var(--cyber-yellow);border:1px solid rgba(252,238,10,.5);background:rgba(252,238,10,.08);animation:cyber-flicker 7s infinite}.cyber-cursor:after{content:"_";color:var(--cyber-cyan);animation:cyber-blink 1s steps(1) infinite}.cyber-glitch{position:relative;color:#f3f9ff;text-shadow:0 0 10px rgba(0,240,255,.55),0 0 40px rgba(255,43,214,.35)}.cyber-glitch:after,.cyber-glitch:before{content:attr(data-text);position:absolute;inset:0;overflow:hidden}.cyber-glitch:before{color:var(--cyber-cyan);transform:translate(-3px,-2px);animation:cyber-glitch-a 3.2s steps(2) infinite}.cyber-glitch:after{color:var(--cyber-magenta);transform:translate(3px,2px);animation:cyber-glitch-b 2.7s steps(2) infinite}.cyber-heading{color:#f3f9ff;text-shadow:0 0 14px rgba(0,240,255,.45)}.cyber-btn{display:inline-block;padding:.7rem 1.5rem;font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);transition:box-shadow .2s,background-color .2s,color .2s}.cyber-btn--cyan{background:var(--cyber-cyan);color:#02060f;box-shadow:0 0 18px rgba(0,240,255,.45)}.cyber-btn--cyan:hover{box-shadow:0 0 32px rgba(0,240,255,.8)}.cyber-btn--magenta{border:1px solid var(--cyber-magenta);color:var(--cyber-magenta);background:rgba(255,43,214,.06);box-shadow:0 0 14px rgba(255,43,214,.25),inset 0 0 14px rgba(255,43,214,.12)}.cyber-btn--magenta:hover{background:rgba(255,43,214,.16);box-shadow:0 0 28px rgba(255,43,214,.55),inset 0 0 18px rgba(255,43,214,.2)}.cyber-panel{position:relative;background:var(--cyber-panel);border:1px solid rgba(0,240,255,.35);box-shadow:0 0 24px rgba(0,240,255,.12),inset 0 0 40px rgba(0,240,255,.04);clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)}.cyber-panel-label{color:var(--cyber-cyan);text-shadow:0 0 8px rgba(0,240,255,.7)}.cyber-card{position:relative;background:var(--cyber-panel);border:1px solid rgba(0,240,255,.22);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);transition:border-color .2s,box-shadow .2s}.cyber-card:hover{border-color:rgba(0,240,255,.55);box-shadow:0 0 22px rgba(0,240,255,.18)}.cyber-chip{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:box-shadow .2s,background-color .2s}.cyber-chip--cyan{border:1px solid rgba(0,240,255,.5);color:var(--cyber-cyan);background:rgba(0,240,255,.06)}.cyber-chip--cyan:hover{box-shadow:0 0 16px rgba(0,240,255,.5);background:rgba(0,240,255,.14)}.cyber-chip--magenta{border:1px solid rgba(255,43,214,.5);color:#ff8ae8;background:rgba(255,43,214,.06)}.cyber-chip--magenta:hover{box-shadow:0 0 16px rgba(255,43,214,.5);background:rgba(255,43,214,.14)}.cyber-tag{border:1px solid rgba(255,43,214,.45);color:#ff8ae8;background:rgba(255,43,214,.08)}.cyber-link{color:var(--cyber-cyan);transition:text-shadow .2s,color .2s}.cyber-link:hover{text-shadow:0 0 10px rgba(0,240,255,.8)}.cyber-input{width:100%;padding:.65rem 1rem;font-size:.875rem;color:#e8f6ff;background:rgba(5,0,8,.8);border:1px solid rgba(0,240,255,.35);outline:none;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:border-color .2s,box-shadow .2s}.cyber-input::-moz-placeholder{color:rgba(215,228,239,.35)}.cyber-input::placeholder{color:rgba(215,228,239,.35)}.cyber-input:focus{border-color:var(--cyber-cyan);box-shadow:0 0 16px rgba(0,240,255,.35)}.cyber-rule{height:1px;background:linear-gradient(90deg,transparent,var(--cyber-cyan),var(--cyber-magenta),transparent);opacity:.5}.cyber-terminal{background:#02000c;border:1px solid #1f1f33;border-radius:.5rem;box-shadow:0 0 30px rgba(0,240,255,.08),0 12px 40px rgba(0,0,0,.5);overflow:hidden}.cyber-terminal-bar{display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem;background:#0b0a18;border-bottom:1px solid #1f1f33}.cyber-terminal-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.cyber-ascii{color:var(--cyber-cyan);text-shadow:0 0 8px rgba(0,240,255,.5)}.cyber-term-cursor{display:inline-block;width:.55em;height:1.05em;margin-left:2px;vertical-align:text-bottom;background:var(--cyber-cyan);box-shadow:0 0 8px rgba(0,240,255,.8);animation:cyber-blink 1s steps(1) infinite}.cyber-spinner{border:2px solid var(--cyber-cyan);border-top:2px solid transparent;box-shadow:0 0 12px rgba(0,240,255,.4)}@keyframes cyber-grid-pan{0%{background-position:0 0,0 0}to{background-position:0 48px,48px 0}}@keyframes cyber-scan{0%{background-position:0 0}to{background-position:0 120px}}@keyframes cyber-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes cyber-flicker{0%,to{opacity:1}3%{opacity:.4}5%{opacity:1}42%{opacity:1}44%{opacity:.55}46%{opacity:1}71%{opacity:1}72%{opacity:.3}73%{opacity:1}}@keyframes cyber-glitch-a{0%,8%,to{clip-path:inset(100% 0 0 0);opacity:0}1%{clip-path:inset(12% 0 78% 0);opacity:.8}3%{clip-path:inset(64% 0 18% 0);opacity:.8}5%{clip-path:inset(38% 0 44% 0);opacity:.8}7%{clip-path:inset(80% 0 4% 0);opacity:.8}}@keyframes cyber-glitch-b{0%,10%,to{clip-path:inset(100% 0 0 0);opacity:0}2%{clip-path:inset(70% 0 12% 0);opacity:.8}4%{clip-path:inset(20% 0 66% 0);opacity:.8}6%{clip-path:inset(50% 0 30% 0);opacity:.8}9%{clip-path:inset(6% 0 84% 0);opacity:.8}}@media (prefers-reduced-motion:reduce){.cyber-badge,.cyber-cursor:after,.cyber-grid,.cyber-logo,.cyber-scanlines,.cyber-term-cursor{animation:none}.cyber-glitch:after,.cyber-glitch:before{animation:none;opacity:0}}