:root{--bg-base: #0A1628;--bg-elevated: #0F1D32;--bg-subtle: #142236;--bg-wash: #1A2940;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-tertiary: #64748B;--text-muted: #475569;--border-default: rgba(148, 163, 184, .15);--border-subtle: rgba(148, 163, 184, .08);--border-strong: rgba(148, 163, 184, .25);--accent-cyan: #00D4FF;--accent-cyan-hover: #33DDFF;--accent-cyan-muted: rgba(0, 212, 255, .15);--accent-cyan-glow: rgba(0, 212, 255, .25);--accent-orange: #FF6B3A;--accent-orange-hover: #FF8A5C;--accent-orange-muted: rgba(255, 107, 58, .15);--accent-orange-glow: rgba(255, 107, 58, .25);--accent-ink: #00D4FF;--accent-ink-hover: #33DDFF;--accent-gold: #FF6B3A;--accent-gold-light: rgba(255, 107, 58, .08);--accent-gold-border: rgba(255, 107, 58, .3);--accent-danger: #EF4444;--shadow-xs: 0 1px 2px rgba(0,0,0,.2);--shadow-sm: 0 1px 3px rgba(0,0,0,.25), 0 1px 2px rgba(0,0,0,.15);--shadow-md: 0 4px 12px rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.2);--shadow-lg: 0 8px 24px rgba(0,0,0,.35), 0 2px 6px rgba(0,0,0,.2);--shadow-xl: 0 16px 48px rgba(0,0,0,.4), 0 4px 12px rgba(0,0,0,.25);--shadow-glow: 0 0 0 1px rgba(0, 212, 255, .2), 0 4px 16px rgba(0, 212, 255, .15);--shadow-glow-orange: 0 0 0 1px rgba(255, 107, 58, .2), 0 4px 16px rgba(255, 107, 58, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-input: 10px;--font-display: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-7px);opacity:1}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes subtleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #00d4ff33}50%{box-shadow:0 0 20px #00d4ff66}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-base);color:var(--text-primary);line-height:1.5}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.03;background-image:linear-gradient(rgba(0,212,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.1) 1px,transparent 1px);background-size:60px 60px}textarea::placeholder,input::placeholder{color:var(--text-muted)}textarea:focus,input:focus{outline:none;border-color:var(--accent-cyan)!important;box-shadow:0 0 0 2px var(--accent-cyan-muted)!important}button{font-family:var(--font-body);transition:all var(--duration-fast) var(--ease-out)}button:active:not(:disabled){transform:scale(.97)}button:not(:disabled):hover{filter:brightness(1.08)}::selection{background:#00d4ff40;color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan-muted)}