:root{--aqua-100: #e0f7ff;--aqua-200: #b8edff;--aqua-300: #7dd3fc;--aqua-400: #38bdf8;--aqua-500: #0ea5e9;--aqua-600: #0284c7;--aqua-700: #0369a1;--nature-100: #dcfce7;--nature-200: #bbf7d0;--nature-300: #86efac;--nature-400: #4ade80;--nature-500: #22c55e;--nature-600: #16a34a;--bg-gradient-top: #2d7cb5;--bg-gradient-mid1: #4a9eda;--bg-gradient-mid2: #6bb8e8;--bg-gradient-mid3: #8ecae6;--bg-gradient-bottom1: #a8c8a0;--bg-gradient-bottom2: #8cb870;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .95);--text-muted: rgba(255, 255, 255, .8);--text-on-glass: #0c3a5a;--text-on-glass-muted: #1e5070;--glass-bg: rgba(255, 255, 255, .3);--glass-bg-strong: rgba(255, 255, 255, .45);--glass-border: rgba(255, 255, 255, .6);--glass-shadow: rgba(0, 0, 0, .12);--glass-blur: 16px;--font-display: "Nunito", sans-serif;--font-body: "Quicksand", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1)}.dark-mode{--bg-gradient-top: #0f172a;--bg-gradient-mid1: #1e293b;--bg-gradient-mid2: #1e3a5f;--bg-gradient-mid3: #1e4976;--bg-gradient-bottom1: #134e4a;--bg-gradient-bottom2: #14532d;--text-primary: #f0f9ff;--text-secondary: rgba(240, 249, 255, .9);--text-muted: rgba(240, 249, 255, .7);--text-on-glass: #e0f2fe;--text-on-glass-muted: #bae6fd;--glass-bg: rgba(30, 58, 95, .5);--glass-bg-strong: rgba(30, 58, 95, .7);--glass-border: rgba(125, 211, 252, .3);--glass-shadow: rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow-x:hidden;background:var(--bg-gradient-bottom2)}body{min-height:100%;min-height:100dvh;font-family:var(--font-body);font-weight:500;line-height:1.6;color:var(--text-on-glass);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative;transition:background .5s ease}body:before{content:"";position:fixed;inset:-100px;z-index:-2;background:linear-gradient(180deg,var(--bg-gradient-top) 0%,var(--bg-gradient-mid1) 20%,var(--bg-gradient-mid2) 40%,var(--bg-gradient-mid3) 60%,var(--bg-gradient-bottom1) 80%,var(--bg-gradient-bottom2) 100%);background-attachment:fixed;transition:background .5s ease}.dark-mode body:before{background:linear-gradient(180deg,var(--bg-gradient-top) 0%,var(--bg-gradient-mid1) 20%,var(--bg-gradient-mid2) 40%,var(--bg-gradient-mid3) 60%,var(--bg-gradient-bottom1) 80%,var(--bg-gradient-bottom2) 100%)}body:after{content:"";position:fixed;inset:0;z-index:-1;background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.6) .5px,transparent .5px),radial-gradient(circle at 90% 30%,rgba(255,255,255,.5) .5px,transparent .5px),radial-gradient(circle at 30% 70%,rgba(255,255,255,.55) .5px,transparent .5px),radial-gradient(circle at 70% 80%,rgba(255,255,255,.45) .5px,transparent .5px),radial-gradient(circle at 50% 45%,rgba(255,255,255,.4) .5px,transparent .5px),radial-gradient(circle at 15% 55%,rgba(255,255,255,.35) .5px,transparent .5px),radial-gradient(circle at 85% 65%,rgba(255,255,255,.4) .5px,transparent .5px);background-size:100% 100%;pointer-events:none;animation:sparkle 10s ease-in-out infinite}.dark-mode body:after{background-image:radial-gradient(circle at 10% 20%,rgba(125,211,252,.4) .5px,transparent .5px),radial-gradient(circle at 90% 30%,rgba(56,189,248,.3) .5px,transparent .5px),radial-gradient(circle at 30% 70%,rgba(134,239,172,.35) .5px,transparent .5px),radial-gradient(circle at 70% 80%,rgba(125,211,252,.25) .5px,transparent .5px),radial-gradient(circle at 50% 45%,rgba(255,255,255,.2) .5px,transparent .5px),radial-gradient(circle at 15% 55%,rgba(56,189,248,.2) .5px,transparent .5px),radial-gradient(circle at 85% 65%,rgba(134,239,172,.25) .5px,transparent .5px)}@keyframes sparkle{0%,to{opacity:.5}50%{opacity:.8}}#root{min-height:100dvh;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}.glass-filters{position:absolute;width:0;height:0;overflow:hidden}.text-gradient{background:linear-gradient(135deg,#0284c7,#0ea5e9,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:#fff6;border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#fff9;background-clip:padding-box}.dark-mode ::-webkit-scrollbar-thumb{background:#7dd3fc4d}.dark-mode ::-webkit-scrollbar-thumb:hover{background:#7dd3fc80}:focus-visible{outline:2px solid var(--aqua-400);outline-offset:2px}::selection{background:#0ea5e94d;color:#0c4a6e}.dark-mode ::selection{background:#38bdf866;color:#f0f9ff}