*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;max-width:100%;overflow-x:hidden;background:var(--bg-main);color:var(--text-main);transition:background-color .4s ease,color .3s ease}:root[data-theme=dark]{--header-bg: linear-gradient(circle at top, rgba(22, 24, 32, .85), rgba(6, 8, 12, .98));--header-border: rgba(255, 255, 255, .08);--logo-color: #facc15;--theme-btn-bg: rgba(255, 255, 255, .08);--theme-btn-border: rgba(255, 255, 255, .22);--theme-btn-color: #ffffff;--bg-main: radial-gradient(circle at top, #1a1f2e, #0b0f1a 60%);--bg-overlay: rgba(10, 14, 30, .92);--text-main: #f8fafc;--text-secondary: #d6dbff;--text-muted: #9aa4c1;--text-disabled: #6b7280;--accent-primary: #8b9cff;--accent-success: #22c55e;--accent-warning: #facc15;--accent-danger: #ef4444;--card-bg: rgba(255, 255, 255, .08);--card-border: rgba(255, 255, 255, .18);--card-shadow: 0 22px 60px rgba(0, 0, 0, .55);--form-bg: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02));--form-border: rgba(255, 255, 255, .18);--form-shadow: 0 22px 60px rgba(0, 0, 0, .5);--input-bg: rgba(0, 0, 0, .35);--input-border: rgba(255, 255, 255, .25);--input-text: #ffffff;--input-placeholder: #9aa4c1;--btn-gradient: linear-gradient(135deg, #ffe600, #ffb703);--btn-text: #ffffff;--success-bg: linear-gradient(180deg, rgba(139, 156, 255, .22), rgba(139, 156, 255, .06));--success-border: rgba(139, 156, 255, .4);--success-shadow: 0 25px 80px rgba(0, 0, 0, .55);--success-gradient: linear-gradient(90deg, #9aa7ff, #38d3ff);--note-color: #ffffff}:root[data-theme=light]{--note-color: #000000;--header-bg: linear-gradient( 180deg, rgba(228, 232, 238, .95), rgba(210, 216, 224, .99) );--header-border: rgba(15, 23, 42, .1);--logo-color: #b45309;--theme-btn-bg: rgba(15, 23, 42, .04);--theme-btn-border: rgba(15, 23, 42, .14);--theme-btn-color: #0f172a;--bg-main: linear-gradient(180deg, #ffffff, #f1f5f9);--bg-overlay: rgba(255, 255, 255, .88);--text-main: #0f172a;--text-secondary: #1e293b;--text-muted: #475569;--text-disabled: #94a3b8;--accent-primary: #2563eb;--accent-success: #16a34a;--accent-warning: #ca8a04;--accent-danger: #dc2626;--card-bg: rgba(255, 255, 255, .85);--card-border: rgba(15, 23, 42, .14);--card-shadow: 0 18px 45px rgba(15, 23, 42, .18);--form-bg: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(245, 247, 252, .75));--form-border: rgba(15, 23, 42, .18);--form-shadow: 0 18px 45px rgba(15, 23, 42, .18);--input-bg: rgba(255, 255, 255, .95);--input-border: rgba(15, 23, 42, .22);--input-text: #0f172a;--input-placeholder: #64748b;--btn-gradient: linear-gradient(135deg, #2563eb, #38bdf8);--btn-text: #ffffff;--success-bg: linear-gradient(180deg, rgba(59, 130, 246, .18), rgba(59, 130, 246, .06));--success-border: rgba(59, 130, 246, .35);--success-shadow: 0 25px 70px rgba(15, 23, 42, .2);--success-gradient: linear-gradient(90deg, #1e3a8a, #2563eb)}:root[data-theme=dark]{--hero-overlay: radial-gradient(circle at top, rgba(22, 24, 32, .85), rgba(6, 8, 12, .98));--hero-glow: radial-gradient(circle, rgba(139, 156, 255, .35), transparent 70%);--gradient-title: linear-gradient(90deg, #9aa7ff, #4f7cff, #38d3ff);--gradient-tagline: linear-gradient(90deg, #9aa4c1, #c7d2fe);--title-glow: 0 0 45px rgba(139, 156, 255, .45);--icon-bg: rgba(139, 156, 255, .18);--icon-border: rgba(139, 156, 255, .35);--icon-color: #e0e7ff}:root[data-theme=light]{--hero-overlay: linear-gradient(180deg, rgba(248, 250, 255, .82), rgba(240, 244, 250, .96));--hero-glow: radial-gradient(circle, rgba(200, 215, 255, .22), transparent 72%);--gradient-title: linear-gradient(90deg, #1e293b, #2563eb, #7dd3fc);--gradient-tagline: linear-gradient(90deg, #64748b, #94a3b8);--title-glow: 0 0 26px rgba(148, 163, 255, .22);--icon-bg: rgba(30, 41, 59, .04);--icon-border: rgba(30, 41, 59, .14);--icon-color: #1e293b}input{color:var(--input-text)}input::placeholder{color:var(--input-placeholder)}input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-primary) 35%,transparent)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slowZoom{0%{transform:scale(1)}to{transform:scale(1.05)}}.fade-up{opacity:0;animation:fadeUp 1.2s ease-out forwards}.fade-delay-1{animation-delay:.3s}.fade-delay-2{animation-delay:.6s}.fade-delay-3{animation-delay:.9s}#root{width:100%;max-width:100%;overflow-x:hidden}