@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800;900&family=Poppins:wght@300;400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-surface-dark: #020617;--bg-secondary-dark: #0F172A;--bg-card-dark: #1E293B;--text-primary-dark: #F8FAFC;--text-secondary-dark: #CBD5E1;--text-muted-dark: #94A3B8;--border-dark: #334155;--border-hover-dark: #475569;--primary-dark: #60A5FA;--primary-hover-dark: #3B82F6;--secondary-dark: #A78BFA;--accent-dark: #22D3EE;--shadow-sm-dark: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md-dark: 0 4px 6px -1px rgba(0, 0, 0, .6), 0 2px 4px -1px rgba(0, 0, 0, .4);--shadow-lg-dark: 0 10px 15px -3px rgba(0, 0, 0, .7), 0 4px 6px -2px rgba(0, 0, 0, .5)}@layer base{*{@apply border-border;}body{@apply font-sans antialiased transition-colors duration-300;}html.dark body{background-color:var(--bg-surface-dark);color:var(--text-primary-dark)}h1,h2,h3,h4,h5,h6{@apply font-display font-bold;}h1{@apply text-4xl md:text-6xl;}h2{@apply text-3xl md:text-5xl;}h3{@apply text-2xl md:text-4xl;}h4{@apply text-xl md:text-3xl;}h5{@apply text-lg md:text-2xl;}h6{@apply text-base md:text-xl;}}@layer utilities{.glass{@apply backdrop-blur-xl transition-all duration-300;}html.dark .glass{background:#0f172ab3;border:1px solid rgba(51,65,85,.8);box-shadow:var(--shadow-md-dark)}html.dark .glass:hover{background:#0f172ad9;border-color:#475569e6;box-shadow:var(--shadow-lg-dark)}.card-base{@apply rounded-2xl p-6 transition-all duration-300;}html.dark .card-base{background:#1e293b99;border:1px solid var(--border-dark);box-shadow:var(--shadow-md-dark)}html.dark .card-base:hover{background:#1e293bcc;border-color:var(--border-hover-dark);box-shadow:var(--shadow-lg-dark);transform:translateY(-4px)}.btn-primary{@apply px-6 py-3 rounded-xl font-semibold transition-all duration-300 shadow-md hover:shadow-lg transform hover:-translate-y-0.5;}html.dark .btn-primary{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--secondary-dark) 100%);color:var(--bg-surface-dark)}html.dark .btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover-dark) 0%,var(--secondary-dark) 100%);box-shadow:0 10px 25px -5px #60a5fa66}.bg-grid-dark{background-image:linear-gradient(to right,rgba(248,250,252,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(248,250,252,.04) 1px,transparent 1px);background-size:40px 40px}.gradient-primary{@apply bg-gradient-to-br from-blue-500 to-violet-500;}.gradient-accent{@apply bg-gradient-to-br from-cyan-500 to-blue-500;}.text-gradient{@apply bg-clip-text text-transparent bg-gradient-to-r from-blue-500 via-violet-500 to-cyan-500;}.icon-box{@apply w-16 h-16 rounded-2xl flex items-center justify-center transition-all duration-300;}html.dark .icon-box{background:linear-gradient(135deg,#60a5fa1a,#a78bfa1a);border:1px solid rgba(96,165,250,.2)}html.dark .icon-box:hover{background:linear-gradient(135deg,#60a5fa33,#a78bfa33);border-color:#60a5fa4d;transform:scale(1.05)}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-slow{animation:pulse-slow 4s cubic-bezier(.4,0,.6,1) infinite}.animate-glow{animation:glow 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.7}}@keyframes glow{0%,to{box-shadow:0 0 20px #3b82f64d}50%{box-shadow:0 0 40px #8b5cf680}}.hover-lift{@apply transition-transform duration-300;}.hover-lift:hover{@apply -translate-y-1;}.hover-scale{@apply transition-transform duration-300;}.hover-scale:hover{@apply scale-105;}.divider{@apply h-px w-full;}html.dark .divider{background:linear-gradient(to right,transparent,var(--border-dark),transparent)}}.hero-section{@apply min-h-screen flex items-center justify-center relative overflow-hidden;}html.dark .hero-section{background:linear-gradient(135deg,#020617,#0f172a)}.navbar-glass{@apply fixed top-0 left-0 right-0 z-50 backdrop-blur-xl transition-all duration-300;}html.dark .navbar-glass{background:#020617e6;border-bottom:1px solid rgba(51,65,85,.8);box-shadow:0 1px 3px #00000080}.footer{@apply mt-20 py-12 border-t;}html.dark .footer{background:var(--bg-card-dark);border-color:var(--border-dark)}::-webkit-scrollbar{width:10px;height:10px}html.dark ::-webkit-scrollbar-track{background:var(--bg-surface-dark)}html.dark ::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:5px}html.dark ::-webkit-scrollbar-thumb:hover{background:var(--border-hover-dark)}html.dark ::selection{background:#60a5fa4d;color:var(--text-primary-dark)}