:root{--primary: #4f46e5;--secondary: #ec4899;--accent: #06b6d4;--bg: #f8fafc;--card-bg: #ffffff;--text: #0f172a;--text-light: #64748b;--border: #e2e8f0;--nav-bg: rgba(255, 255, 255, .8);--primary-rgb: 79, 70, 229}.dark{--primary: #818cf8;--secondary: #f472b6;--accent: #22d3ee;--bg: #0f172a;--card-bg: #1e293b;--text: #f8fafc;--text-light: #94a3b8;--border: #334155;--nav-bg: rgba(15, 23, 42, .8);--primary-rgb: 129, 140, 248}*{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:Inter,sans-serif;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}.glass{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2)}.dark .glass{background:#1e293bb3;border:1px solid rgba(255,255,255,.05)}.btn{padding:.75rem 1.5rem;border-radius:.75rem;font-weight:700;transition:all .3s;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 20px -10px rgba(var(--primary-rgb),.5)}.btn-outline{border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.section{padding:5rem 1rem}.container{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.container{padding-left:2rem;padding-right:2rem}}.perspective-1000{perspective:1000px}.preserve-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden;-webkit-backface-visibility:hidden}