@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--bg-dark-rgb: 15, 23, 42;--bg-card-rgb: 30, 41, 59;--primary-rgb: 56, 189, 248;--secondary-rgb: 167, 139, 250;--accent-rgb: 244, 114, 182;--text-main-rgb: 241, 245, 249;--text-muted-rgb: 148, 163, 184;--bg-dark: rgb(var(--bg-dark-rgb));--bg-card: rgb(var(--bg-card-rgb));--primary: rgb(var(--primary-rgb));--secondary: rgb(var(--secondary-rgb));--accent: rgb(var(--accent-rgb));--text-main: rgb(var(--text-main-rgb));--text-muted: rgb(var(--text-muted-rgb));--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--backdrop-blur: 12px;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 8px;--container-padding: 2rem}[data-theme=light]{--bg-dark-rgb: 226, 232, 240;--bg-card-rgb: 255, 255, 255;--primary-rgb: 14, 165, 233;--secondary-rgb: 139, 92, 246;--accent-rgb: 236, 72, 153;--text-main-rgb: 15, 23, 42;--text-muted-rgb: 71, 85, 105;--bg-dark: rgb(var(--bg-dark-rgb));--bg-card: rgb(var(--bg-card-rgb));--primary: rgb(var(--primary-rgb));--secondary: rgb(var(--secondary-rgb));--accent: rgb(var(--accent-rgb));--text-main: rgb(var(--text-main-rgb));--text-muted: rgb(var(--text-muted-rgb));--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(148, 163, 184, .2);--glass-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06), 0 20px 25px -5px rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;overflow-x:hidden;min-height:100vh;transition:background-color .4s ease,color .4s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;text-decoration:none;display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #38bdf866}
