@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@700&display=swap";:root{--color-bg-light: #f8fafc;--color-text-light: #0f172a;--color-primary-light: #3b82f6;--color-secondary-light: #6366f1;--color-accent-light: #ec4899;--color-card-light: #ffffff;--color-border-light: #e2e8f0;--color-bg-dark: #0b1120;--color-text-dark: #f1f5f9;--color-primary-dark: #60a5fa;--color-secondary-dark: #818cf8;--color-accent-dark: #f472b6;--color-card-dark: #1e293b;--color-border-dark: #334155;--bg-color: var(--color-bg-light);--text-color: var(--color-text-light);--primary-color: var(--color-primary-light);--secondary-color: var(--color-secondary-light);--accent-color: var(--color-accent-light);--card-bg: var(--color-card-light);--border-color: var(--color-border-light);--font-main: "Inter", sans-serif;--font-display: "Outfit", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}[data-theme=dark]{--bg-color: var(--color-bg-dark);--text-color: var(--color-text-dark);--primary-color: var(--color-primary-dark);--secondary-color: var(--color-secondary-dark);--accent-color: var(--color-accent-dark);--card-bg: var(--color-card-dark);--border-color: var(--color-border-dark)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:#02020a;background-image:radial-gradient(circle at 20% 30%,rgba(76,29,149,.4) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(190,24,93,.4) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(29,78,216,.3) 0%,transparent 70%),radial-gradient(circle at 40% 80%,rgba(147,51,234,.25) 0%,transparent 60%),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:100% 100%,100% 100%,100% 100%,100% 100%,100px 100px,100px 100px;animation:nebula-float 15s infinite alternate ease-in-out;color:var(--text-color);line-height:1.5;transition:background-color .3s ease,color .3s ease;overflow-x:hidden;min-height:100vh}@keyframes nebula-float{0%{background-position:0% 0%,0% 0%,0% 0%,0% 0%,0px 0px,0px 0px}to{background-position:10% 10%,-10% -10%,5% 5%,-5% 8%,0px 0px,0px 0px}}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background-image:radial-gradient(1px 1px at 10% 20%,#fff,#0000),radial-gradient(1px 1px at 30% 50%,#fff,#0000),radial-gradient(2px 2px at 50% 10%,#fff,#0000),radial-gradient(1px 1px at 70% 80%,#fff,#0000),radial-gradient(2px 2px at 90% 40%,#fff,#0000),radial-gradient(1px 1px at 25% 75%,#fff,#0000),radial-gradient(1px 1px at 60% 30%,#fff,#0000),radial-gradient(2px 2px at 15% 60%,#fff,#0000);background-repeat:repeat;background-size:400px 400px;opacity:.5;animation:space-drift 40s infinite linear;z-index:-1;pointer-events:none}@keyframes space-drift{0%{transform:translate(0)}to{transform:translate(50px,50px)}}[data-theme=light] body{background-color:#f0f4f8;background-image:radial-gradient(circle at 50% 50%,rgba(219,234,254,.8) 0%,transparent 50%),radial-gradient(circle at 10% 10%,rgba(254,226,226,.6) 0%,transparent 30%);animation:soft-float 15s infinite alternate ease-in-out}@keyframes soft-float{0%{background-position:0% 0%,0% 0%}to{background-position:2% 2%,-2% -2%}}[data-theme=light] body:before{opacity:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}button{cursor:pointer;font-family:inherit}a{color:var(--primary-color);text-decoration:none;transition:color .2s}a:hover{text-decoration:underline;color:var(--accent-color)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}