:root{--bg-deep: #05070f;--bg-primary: #0a0e27;--bg-secondary: #1a1f3a;--surface: rgba(15, 23, 42, .6);--surface-strong: rgba(15, 23, 42, .85);--border-soft: rgba(0, 255, 255, .2);--accent-cyan: #00ffff;--accent-blue: #0088ff;--accent-green: #00cc88;--accent-pink: #ff6b9d;--text-primary: #e8edf5;--text-secondary: #8892a6;--font-display: "Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:var(--font-body);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}a{color:var(--accent-cyan)}input,textarea,select{font-family:var(--font-body);font-size:1rem;color:var(--text-primary);background:#080d1eb3;border:1px solid rgba(100,116,139,.4);border-radius:8px;padding:.85rem 1rem;width:100%;transition:border-color .2s ease,box-shadow .2s ease;outline:none}input::placeholder,textarea::placeholder{color:#5b6478}input:focus,textarea:focus,select:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px #00ffff26}input:disabled,textarea:disabled,select:disabled{opacity:.6;cursor:not-allowed}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0px 1000px rgba(8,13,30,.95) inset;transition:background-color 5000s ease-in-out 0s}button{font-family:var(--font-body)}input[type=range]{padding:0;background:transparent;border:none}::selection{background:#00ffff4d;color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#00ffff40;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#0ff6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){body{font-size:.95rem}}