@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Share+Tech+Mono&display=swap";:root{--color-bg:#fafafa;--color-bg-panel:#fff;--color-bg-card:#fff;--color-accent:#3b82f6;--color-accent-sec:#4f46e5;--color-accent-light:#3b82f614;--color-text:#09090b;--color-text-muted:#71717a;--color-border:#e4e4e7;--color-border-hover:#cbd5e1;--font-mono:"Share Tech Mono", monospace;--font-sans:"Outfit", sans-serif;--shadow-card:0 4px 6px -1px #0000000d, 0 2px 4px -2px #00000008;--shadow-hover:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000d;--shadow-panel:0 20px 25px -5px #00000008, 0 10px 10px -5px #00000005}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);min-height:100vh;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.hud-panel{background:var(--color-bg-panel);border:1px solid var(--color-border);box-shadow:var(--shadow-panel);border-radius:12px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.hud-panel:hover{border-color:var(--color-border-hover)}.hud-corners-alt{background:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:8px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative}.hud-corners-alt:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.tech-font{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase}.btn-cyber{background:var(--color-accent);color:#fff;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:500;transition:background-color .2s,transform .1s;display:inline-flex}.btn-cyber:hover{background:#2563eb;transform:translateY(-1px)}.btn-cyber-pink{color:#18181b;border:1px solid var(--color-border);background:#f4f4f5}.btn-cyber-pink:hover{color:#09090b;background:#e4e4e7}.nav-cyber-item{font-family:var(--font-sans);color:var(--color-text-muted);cursor:pointer;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-cyber-item:hover,.nav-cyber-item.active{color:var(--color-accent)}.nav-cyber-item:after{content:"";background:var(--color-accent);width:0;height:2px;transition:width .2s;position:absolute;bottom:-4px;left:0}.nav-cyber-item:hover:after,.nav-cyber-item.active:after{width:100%}input,textarea{border:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-sans);background:#fff;border-radius:6px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f626}