@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-bg: #0a0a0a;--color-bg-elevated: #111111;--color-bg-card: #161616;--color-border: #222222;--color-border-strong: #2c2c2c;--color-text: #e8e8e8;--color-text-muted: #888888;--color-text-dim: #555555;--color-accent: #00d4ff;--color-accent-secondary: #7c5cfc;--color-accent-gradient: linear-gradient(135deg, #00d4ff, #7c5cfc);--color-success: #1ee897;--color-warning: #ffb648;--color-danger: #ff5e7e;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Monaco, monospace;--max-width: 1200px;--radius: 12px;--radius-sm: 8px;--transition: .3s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}code,pre{font-family:var(--font-mono)}input,button,textarea,select{font:inherit;color:inherit}input,textarea,select{width:100%;padding:10px 12px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);transition:border-color var(--transition),box-shadow var(--transition)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #00d4ff1f}label{display:block;font-size:12px;font-weight:500;color:var(--color-text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:1px solid transparent;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:all var(--transition);text-decoration:none}.btn-primary{background:var(--color-accent-gradient);color:#0a0a0a;font-weight:600}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-elevated);border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn-danger{background:transparent;border-color:var(--color-border);color:var(--color-danger)}.btn-danger:hover{border-color:var(--color-danger);background:#ff5e7e14}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem}.gradient-text{background:var(--color-accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.app-bg .grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,black 30%,transparent 100%)}.app-bg .glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.35;will-change:transform}.app-bg .glow-1{width:480px;height:480px;background:#00d4ff;top:-100px;left:-120px;animation:drift1 22s ease-in-out infinite}.app-bg .glow-2{width:540px;height:540px;background:#7c5cfc;bottom:-160px;right:-160px;animation:drift2 28s ease-in-out infinite}.app-bg .glow-3{width:300px;height:300px;background:#1ee897;top:40%;left:60%;opacity:.18;animation:drift3 36s ease-in-out infinite}@keyframes drift1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(120px,80px) scale(1.1)}}@keyframes drift2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-140px,-90px) scale(1.05)}}@keyframes drift3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-80px,60px) scale(1.15)}}@media (prefers-reduced-motion: reduce){.app-bg .glow{animation:none!important}}