@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--bg-primary: #030305;--bg-secondary: #0a0a0f;--bg-tertiary: #12121a;--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #3b82f6;--accent-secondary: #ec4899;--accent-glow: rgba(59, 130, 246, .5);--border-color: rgba(255, 255, 255, .08);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08)}.light{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent-primary: #2563eb;--accent-secondary: #db2777;--accent-glow: rgba(37, 99, 235, .3);--border-color: rgba(0, 0, 0, .08);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .06)}body{@apply bg-[var(--bg-primary)] text-[var(--text-primary)] font-sans antialiased transition-colors duration-500 selection:bg-blue-500/30;}}@layer components{.motion-bg{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;overflow:hidden;background:var(--bg-primary)}.blob{position:absolute;filter:blur(80px);opacity:.6;animation:move 20s infinite alternate}.light .blob{opacity:.4;mix-blend-mode:multiply}.blob-1{top:-10%;left:-10%;width:60vw;height:60vw;background:radial-gradient(circle,var(--accent-primary) 0%,transparent 70%);animation-delay:-5s;animation-duration:25s}.blob-2{bottom:-10%;right:-10%;width:60vw;height:60vw;background:radial-gradient(circle,var(--accent-secondary) 0%,transparent 70%);animation-delay:-2s;animation-duration:22s}.blob-3{top:40%;left:40%;width:40vw;height:40vw;background:radial-gradient(circle,#8b5cf6 0%,transparent 70%);animation-delay:-8s;animation-duration:28s}@keyframes move{0%{transform:translate(0) scale(1)}to{transform:translate(100px,50px) scale(1.1)}}.glass-panel{@apply backdrop-blur-2xl transition-all duration-300;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000001a}.section-primary{background:linear-gradient(145deg,#3b82f608,#ec489908);border-color:#ffffff1a}.light .section-primary{background:linear-gradient(145deg,#2563eb0d,#db27770d);border-color:#0000000d}.glass-panel:hover{border-color:var(--accent-primary);box-shadow:0 12px 48px 0 var(--accent-glow)}.sonic-button{@apply relative overflow-hidden transition-all duration-300 active:scale-95;background:linear-gradient(135deg,#3b82f6,#ec4899);color:#fff;box-shadow:0 8px 32px #3b82f699,0 4px 16px #ec489966,0 0 0 2px #ffffff4d inset;border:2px solid rgba(255,255,255,.4);text-shadow:0 2px 4px rgba(0,0,0,.3)}.sonic-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:.5s}.sonic-button:hover{filter:brightness(1.2);box-shadow:0 12px 48px #3b82f6cc,0 8px 24px #ec489999,0 0 0 2px #ffffff80 inset;transform:translateY(-3px);border-color:#fff9}.sonic-button:hover:before{left:100%}.sonic-input{@apply w-full bg-transparent border rounded-2xl px-4 py-3 outline-none transition-all duration-300;border-color:var(--border-color);background:var(--bg-secondary);color:var(--text-primary)}.sonic-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow)}.animate-float{animation:float 8s ease-in-out infinite}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}