@layer theme{:root{--c-bg:#050410;--c-card:#0f0e24;--c-border:rgba(255,255,255,.08);--c-glow-border:rgba(147,51,234,.4);--c-text-primary:#f8fafc;--c-text-secondary:#94a3b8;--c-purple:#9333ea;--c-yellow:#facc15;--c-blue:#3b82f6}}body{background-color:var(--c-bg);color:var(--c-text-primary);font-family:'Inter',sans-serif;background-image:radial-gradient(circle at 10% 10%,rgba(59,130,246,.1) 0%,transparent 40%),radial-gradient(circle at 90% 10%,rgba(147,51,234,.1) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(250,204,21,.03) 0%,transparent 60%);background-attachment:fixed;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--c-bg)}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}.glassmorphism{background:rgba(15,14,36,.65);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1)}.glass-card-hover:hover{background:rgba(30,27,75,.4);border-color:rgba(147,51,234,.3);box-shadow:0 0 20px rgba(147,51,234,.15)}.btn-primary{@apply px-8 py-4 bg-gradient-to-r from-purple-600 via-indigo-600 to-blue-600 text-white font-bold rounded-full shadow-[0_0_20px_rgba(124,58,237,.3)] hover:shadow-[0_0_30px_rgba(124,58,237,.5)] transition-all duration-300 flex items-center justify-center gap-2 transform hover:-translate-y-1 active:scale-95}.btn-secondary{@apply px-8 py-4 bg-white/5 backdrop-blur-md border border-white/10 text-white font-bold rounded-full hover:bg-white/10 hover:border-white/20 transition-all duration-300 flex items-center justify-center gap-2 transform hover:-translate-y-1}.section-heading{@apply text-4xl lg:text-5xl font-extrabold tracking-tight text-center text-white}.section-subheading{@apply text-lg text-center max-w-3xl mx-auto text-[var(--c-text-secondary)] mt-4 leading-relaxed}.bento-card{@apply bg-[var(--c-card)] p-8 rounded-3xl border border-[var(--c-border)] relative overflow-hidden transition-all duration-500 hover:border-[var(--c-glow-border)] hover:transform hover:-translate-y-2 hover:shadow-2xl hover:shadow-purple-900/10}@keyframes float{0%{transform:translateY(0px)}50%{transform:translateY(-15px)}100%{transform:translateY(0px)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delayed{animation:float 7s ease-in-out infinite 1s}.blob{position:absolute;filter:blur(80px);z-index:-1;opacity:.4}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}