:root,[data-theme=pearl-glass]{--bg-start: #ececf8;--bg-mid: #f0e8f5;--bg-end: #f5ece8;--glass-white: rgba(255, 255, 255, .65);--glass-border: rgba(255, 255, 255, .85);--glass-shadow: rgba(139, 120, 200, .12);--glass-shadow-hover: rgba(139, 120, 200, .22);--teal: #2dd4bf;--teal-light: rgba(45, 212, 191, .15);--teal-dark: #0d9488;--violet: #8b5cf6;--violet-light: rgba(139, 92, 246, .12);--violet-dark: #6d28d9;--coral: #f472b6;--coral-light: rgba(244, 114, 182, .12);--amber: #fb923c;--text-dark: #1e1b4b;--text-medium: #4f46e5;--text-muted: #94a3b8;--text-light: #cbd5e1;--sidebar-bg: rgba(255, 255, 255, .5);--card-bg: rgba(255, 255, 255, .6);--card-border: rgba(255, 255, 255, .9);--badge-teal-text: #0d9488;--badge-violet-text: #6d28d9;--badge-coral-text: #be185d;--scrollbar-grad: linear-gradient(var(--violet), var(--teal));--btn-primary-shadow: rgba(139, 92, 246, .3);--btn-primary-shadow-hover: rgba(139, 92, 246, .45)}[data-theme=sapphire-glass]{--bg-start: #dbeafe;--bg-mid: #e0e7ff;--bg-end: #ede9fe;--glass-white: rgba(255, 255, 255, .68);--glass-border: rgba(255, 255, 255, .88);--glass-shadow: rgba(59, 130, 246, .12);--glass-shadow-hover: rgba(59, 130, 246, .22);--teal: #60a5fa;--teal-light: rgba(96, 165, 250, .15);--teal-dark: #1d4ed8;--violet: #3b82f6;--violet-light: rgba(59, 130, 246, .12);--violet-dark: #1e40af;--coral: #818cf8;--coral-light: rgba(129, 140, 248, .12);--amber: #38bdf8;--text-dark: #0f1c3f;--text-medium: #1d4ed8;--text-muted: #64748b;--text-light: #bfdbfe;--sidebar-bg: rgba(255, 255, 255, .52);--card-bg: rgba(255, 255, 255, .62);--card-border: rgba(255, 255, 255, .9);--badge-teal-text: #1d4ed8;--badge-violet-text: #1e40af;--badge-coral-text: #4338ca;--scrollbar-grad: linear-gradient(#3b82f6, #60a5fa);--btn-primary-shadow: rgba(59, 130, 246, .3);--btn-primary-shadow-hover: rgba(59, 130, 246, .45)}[data-theme=rose-quartz]{--bg-start: #fdf2f8;--bg-mid: #fce7f3;--bg-end: #fff1f2;--glass-white: rgba(255, 255, 255, .68);--glass-border: rgba(255, 255, 255, .9);--glass-shadow: rgba(225, 29, 72, .09);--glass-shadow-hover: rgba(225, 29, 72, .18);--teal: #ec4899;--teal-light: rgba(236, 72, 153, .12);--teal-dark: #be185d;--violet: #e11d48;--violet-light: rgba(225, 29, 72, .1);--violet-dark: #9f1239;--coral: #fb7185;--coral-light: rgba(251, 113, 133, .12);--amber: #fda4af;--text-dark: #4c0519;--text-medium: #be123c;--text-muted: #f43f5e;--text-light: #fecdd3;--sidebar-bg: rgba(255, 255, 255, .55);--card-bg: rgba(255, 255, 255, .62);--card-border: rgba(255, 255, 255, .92);--badge-teal-text: #be185d;--badge-violet-text: #9f1239;--badge-coral-text: #be185d;--scrollbar-grad: linear-gradient(#e11d48, #ec4899);--btn-primary-shadow: rgba(225, 29, 72, .28);--btn-primary-shadow-hover: rgba(225, 29, 72, .42)}[data-theme=ocean-mist]{--bg-start: #eff6ff;--bg-mid: #e0f2fe;--bg-end: #ecfdf5;--glass-white: rgba(255, 255, 255, .65);--glass-border: rgba(255, 255, 255, .88);--glass-shadow: rgba(2, 132, 199, .1);--glass-shadow-hover: rgba(2, 132, 199, .2);--teal: #06b6d4;--teal-light: rgba(6, 182, 212, .12);--teal-dark: #0e7490;--violet: #0284c7;--violet-light: rgba(2, 132, 199, .1);--violet-dark: #075985;--coral: #22d3ee;--coral-light: rgba(34, 211, 238, .12);--amber: #34d399;--text-dark: #0c1a3d;--text-medium: #0369a1;--text-muted: #64748b;--text-light: #bae6fd;--sidebar-bg: rgba(255, 255, 255, .5);--card-bg: rgba(255, 255, 255, .6);--card-border: rgba(255, 255, 255, .9);--badge-teal-text: #0e7490;--badge-violet-text: #075985;--badge-coral-text: #0e7490;--scrollbar-grad: linear-gradient(#0284c7, #06b6d4);--btn-primary-shadow: rgba(2, 132, 199, .28);--btn-primary-shadow-hover: rgba(2, 132, 199, .42)}[data-theme=golden-hour]{--bg-start: #fffbeb;--bg-mid: #fef3c7;--bg-end: #fff7ed;--glass-white: rgba(255, 255, 255, .65);--glass-border: rgba(255, 255, 255, .88);--glass-shadow: rgba(217, 119, 6, .1);--glass-shadow-hover: rgba(217, 119, 6, .2);--teal: #ea580c;--teal-light: rgba(234, 88, 12, .12);--teal-dark: #c2410c;--violet: #d97706;--violet-light: rgba(217, 119, 6, .1);--violet-dark: #b45309;--coral: #f59e0b;--coral-light: rgba(245, 158, 11, .12);--amber: #10b981;--text-dark: #2d1a00;--text-medium: #92400e;--text-muted: #a16207;--text-light: #fde68a;--sidebar-bg: rgba(255, 255, 255, .5);--card-bg: rgba(255, 255, 255, .6);--card-border: rgba(255, 255, 255, .9);--badge-teal-text: #c2410c;--badge-violet-text: #b45309;--badge-coral-text: #b45309;--scrollbar-grad: linear-gradient(#d97706, #ea580c);--btn-primary-shadow: rgba(217, 119, 6, .28);--btn-primary-shadow-hover: rgba(217, 119, 6, .42)}[data-theme=iron-man]{--bg-start: #0a0101;--bg-mid: #060101;--bg-end: #020304;--glass-white: rgba(255, 255, 255, .04);--glass-border: rgba(0, 200, 255, .18);--glass-shadow: rgba(0, 200, 255, .1);--glass-shadow-hover: rgba(0, 200, 255, .25);--teal: #00c8ff;--teal-light: rgba(0, 200, 255, .1);--teal-dark: #0090bb;--violet: #9b0000;--violet-light: rgba(155, 0, 0, .18);--violet-dark: #6b0000;--coral: #c8920a;--coral-light: rgba(200, 146, 10, .12);--amber: #b07800;--text-dark: #ddeeff;--text-medium: #00c8ff;--text-muted: #4a6070;--text-light: #0f1a20;--sidebar-bg: rgba(6, 1, 1, .97);--card-bg: rgba(10, 2, 2, .92);--card-border: rgba(0, 200, 255, .12);--badge-teal-text: #00c8ff;--badge-violet-text: #c42020;--badge-coral-text: #c8920a;--scrollbar-grad: linear-gradient(#9b0000, #00c8ff);--btn-primary-shadow: rgba(155, 0, 0, .5);--btn-primary-shadow-hover: rgba(0, 200, 255, .38)}[data-theme=iron-man] body{background:linear-gradient(135deg,#0a0101,#060101,#020304)}[data-theme=iron-man] .glass-card{background:#0a0202eb;border-color:#00c8ff1f}[data-theme=iron-man] .btn-glass{background:#0c0202eb;border-color:#00c8ff33;color:#def}[data-theme=sage-comfort]{--bg-start: #e6eeea;--bg-mid: #eef4ec;--bg-end: #f4f0e8;--glass-white: rgba(255, 255, 255, .68);--glass-border: rgba(255, 255, 255, .88);--glass-shadow: rgba(90, 140, 100, .12);--glass-shadow-hover: rgba(90, 140, 100, .22);--teal: #52a167;--teal-light: rgba(82, 161, 103, .15);--teal-dark: #3a7a4e;--violet: #6b8f71;--violet-light: rgba(107, 143, 113, .12);--violet-dark: #4a6b50;--coral: #c9a87c;--coral-light: rgba(201, 168, 124, .12);--amber: #b8956a;--text-dark: #1a3320;--text-medium: #3d6b47;--text-muted: #7a9e82;--text-light: #b8d4bc;--sidebar-bg: rgba(240, 248, 242, .6);--card-bg: rgba(255, 255, 255, .65);--card-border: rgba(255, 255, 255, .9);--badge-teal-text: #3a7a4e;--badge-violet-text: #4a6b50;--badge-coral-text: #8a6340;--scrollbar-grad: linear-gradient(#6b8f71, #52a167);--btn-primary-shadow: rgba(107, 143, 113, .3);--btn-primary-shadow-hover: rgba(82, 161, 103, .45)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;color:var(--text-dark);background:linear-gradient(135deg,var(--bg-start) 0%,var(--bg-mid) 50%,var(--bg-end) 100%);background-attachment:fixed;min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-grad);border-radius:3px}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,sans-serif;line-height:1.2;color:var(--text-dark)}.app-root{display:flex;min-height:100vh}.main-content{flex:1;margin-left:80px}@media(max-width:768px){.main-content{margin-left:0;margin-bottom:70px}}.glass-card{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:20px;box-shadow:0 4px 24px var(--glass-shadow);transition:all .3s ease}.glass-card:hover{box-shadow:0 8px 40px var(--glass-shadow-hover);transform:translateY(-2px)}.section{padding:5rem 0;position:relative}.container{max-width:1100px;margin:0 auto;padding:0 2rem}.gradient-text{background:linear-gradient(135deg,var(--violet) 0%,var(--teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-warm{background:linear-gradient(135deg,var(--coral) 0%,var(--amber) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-label{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--violet);margin-bottom:.75rem;display:block}.section-title{font-size:clamp(1.8rem,4vw,2.75rem);font-weight:800;margin-bottom:.75rem;color:var(--text-dark)}.section-subtitle{color:var(--text-muted);font-size:1rem;max-width:520px;line-height:1.7}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;border-radius:50px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;text-decoration:none;border:none;font-family:Plus Jakarta Sans,sans-serif}.btn-primary{background:linear-gradient(135deg,var(--violet),var(--teal));color:#fff;box-shadow:0 4px 20px var(--btn-primary-shadow)}.btn-primary:hover{box-shadow:0 6px 30px var(--btn-primary-shadow-hover);transform:translateY(-1px)}.btn-glass{background:var(--glass-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--text-dark);box-shadow:0 2px 12px var(--glass-shadow)}.btn-glass:hover{background:#ffffffd9;box-shadow:0 4px 20px var(--glass-shadow-hover)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .8rem;border-radius:50px;font-size:.75rem;font-weight:600}.badge-teal{background:var(--teal-light);color:var(--badge-teal-text);border:1px solid rgba(45,212,191,.3)}.badge-violet{background:var(--violet-light);color:var(--badge-violet-text);border:1px solid rgba(139,92,246,.3)}.badge-coral{background:var(--coral-light);color:var(--badge-coral-text);border:1px solid rgba(244,114,182,.3)}.sphere{border-radius:50%;position:absolute;pointer-events:none}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-14px) rotate(2deg)}66%{transform:translateY(-7px) rotate(-1deg)}}@keyframes float-reverse{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes pulse-soft{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}