@theme{--color-obsidian-950: #080c14; --color-obsidian-900: #0f1520; --color-obsidian-800: #161e2b; --color-glass-surface: #ffffff0a; --color-glass-border: #ffffff14; --color-accent-blue: #5b9cf5; --color-accent-purple: #9b6dff; --color-accent-emerald: #10b981; --font-display: "Playfair Display", serif; --font-sans: "Inter", sans-serif; --font-mono: "JetBrains Mono", monospace;}@layer base{@apply bg-obsidian-950 text-slate-100 font-sans antialiased;body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root,.dark body,body.dark{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px),radial-gradient(60% 40% at 30% 0,#5b9cf50f,#0000),radial-gradient(50% 30% at 70% 100%,#9b6dff0d,#0000);background-position:50%,50%,0 0,0 0;background-size:60px 60px,60px 60px,100% 100%,100% 100%}.light body,body.light{background-image:linear-gradient(#00000005 1px,#0000 1px),linear-gradient(90deg,#00000005 1px,#0000 1px),radial-gradient(60% 40% at 30% 0,#5b9cf508,#0000),radial-gradient(50% 30% at 70% 100%,#9b6dff05,#0000);background-position:50%,50%,0 0,0 0;background-size:60px 60px,60px 60px,100% 100%,100% 100%}@apply scroll-smooth;@apply font-display font-extrabold tracking-tight;@apply text-white;@apply text-slate-900;::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.light ::-webkit-scrollbar-thumb{background:#0000001f}body.light ::-webkit-scrollbar-thumb{background:#0000001f}@apply bg-accent-blue/30;}@layer components{@apply relative rounded-2xl border p-6 sm:p-8;.glass-card{-webkit-backdrop-filter:blur(24px);background:#ffffff08;border-color:#ffffff14;transition:all .4s}.light .glass-card,body.light .glass-card{background:#ffffffeb;border-color:#0000001f}.glass-card:hover{background:#ffffff0f;border-color:#ffffff29;transform:translateY(-3px);box-shadow:0 20px 48px #00000080}.light .glass-card:hover,body.light .glass-card:hover{background:#fffffff2;border-color:#00000026;box-shadow:0 20px 48px #0000001a}@apply glass-card;.glass-card-blue{box-shadow:0 0 32px #5b9cf50f}@apply glass-card;.glass-card-purple{box-shadow:0 0 32px #9b6dff0f}@apply glass-card;.glass-card-emerald{box-shadow:0 0 32px #10b9810f}@apply inline-flex items-center justify-center px-8 sm:px-10 py-4 sm:py-5 rounded-2xl font-semibold text-white transition-all duration-300;.btn-primary{background:linear-gradient(135deg,#5b9cf5,#9b6dff);min-height:48px;font-size:1rem;box-shadow:0 4px 24px #5b9cf54d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 40px #9b6dff73}.btn-primary:active{transform:scale(.96)}@apply inline-flex items-center justify-center px-8 sm:px-10 py-4 sm:py-5 rounded-2xl font-semibold transition-all duration-300;.btn-outline{color:#e2e8f0;background:#ffffff05;border:1px solid #fff3;min-height:48px;font-size:1rem}.light .btn-outline,body.light .btn-outline{color:#334155;background:#fffc;border-color:#00000026}.btn-outline:hover{background:#ffffff0f;border-color:#fff6;transform:translateY(-2px)}.light .btn-outline:hover,body.light .btn-outline:hover{background:#fff;border-color:#00000040}.btn-outline:active{transform:scale(.96)}@apply w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;@apply py-16 sm:py-24 md:py-32;@apply rounded-2xl border border-slate-200 dark:border-gray-800 bg-white dark:bg-gray-900 p-6 transition-all duration-300;@apply shadow-lg border-emerald-300 dark:border-emerald-700;@apply bg-gray-900 border-gray-800;@apply border-emerald-700;@apply bg-white border-slate-200;@apply border-emerald-400;}@layer utilities{.page-transition{animation:.4s forwards fadeSlideIn}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.duration-400{transition-duration:.4s}}