*{margin:0;padding:0;box-sizing:border-box}:root,[data-theme=dark]{--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #60a5fa;--primary-glow: rgba(59, 130, 246, .25);--gradient: linear-gradient(135deg, #3b82f6 0%, #2dd4bf 100%);--gradient-subtle: linear-gradient(135deg, rgba(59, 130, 246, .15) 0%, rgba(45, 212, 191, .08) 100%);--bg: #0c0f1a;--bg-card: rgba(22, 27, 45, .85);--bg-card-solid: #161b2d;--bg-input: rgba(42, 50, 78, .6);--bg-elevated: rgba(30, 36, 60, .95);--text: #eef0f6;--text-muted: #8b92ab;--text-dim: #565e78;--border: rgba(80, 90, 130, .25);--border-light: rgba(120, 130, 170, .15);--success: #34d399;--danger: #f87171;--warning: #fbbf24;--accent-blue: #60a5fa;--accent-orange: #fb923c;--accent-teal: #2dd4bf;color-scheme:dark}[data-theme=light]{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #2563eb;--primary-glow: rgba(37, 99, 235, .15);--gradient: linear-gradient(135deg, #2563eb 0%, #14b8a6 100%);--gradient-subtle: linear-gradient(135deg, rgba(37, 99, 235, .08) 0%, rgba(20, 184, 166, .04) 100%);--bg: #f4f4f8;--bg-card: rgba(255, 255, 255, .85);--bg-card-solid: #ffffff;--bg-input: rgba(228, 230, 240, .7);--bg-elevated: rgba(255, 255, 255, .95);--text: #1a1d2e;--text-muted: #5a6078;--text-dim: #8b92ab;--border: rgba(100, 110, 150, .15);--border-light: rgba(100, 110, 150, .08);--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--accent-blue: #3b82f6;--accent-orange: #f97316;--accent-teal: #14b8a6;color-scheme:light}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;-webkit-font-smoothing:antialiased}#root{min-height:100dvh;display:flex;flex-direction:column}a{color:var(--primary-light);text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.container{width:100%;max-width:480px;margin:0 auto;padding:0 16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;transition:all .25s ease;width:100%;position:relative;overflow:hidden}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--primary-glow)}.btn-primary:active{transform:translateY(0) scale(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--bg-input);color:var(--text);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--primary)}.btn-secondary:active,.btn-danger:active{transform:scale(.97)}.btn-danger{background:var(--danger);color:#fff}.input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.input-group label{font-size:14px;color:var(--text-muted);font-weight:500}.input-group input{padding:12px 16px;border:2px solid var(--border);border-radius:12px;background:var(--bg-input);color:var(--text);font-size:16px;outline:none;transition:all .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.error-message{background:#f871711a;border:1px solid rgba(248,113,113,.25);color:var(--danger);padding:12px 16px;border-radius:12px;font-size:14px;margin-bottom:16px}.card{background:var(--bg-card);border-radius:16px;padding:20px;border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .25s ease}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pageSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pageFadeScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.page-enter{animation:pageEnter .25s ease-out}.page-slide-in{animation:pageSlideIn .3s cubic-bezier(.25,.46,.45,.94)}.page-fade-scale{animation:pageFadeScale .25s ease-out}[data-season=spring][data-theme=dark]{--gradient-subtle: linear-gradient(135deg, rgba(34, 197, 94, .12) 0%, rgba(168, 85, 247, .06) 100%)}[data-season=spring][data-theme=light]{--gradient-subtle: linear-gradient(135deg, rgba(34, 197, 94, .06) 0%, rgba(168, 85, 247, .03) 100%)}[data-season=summer][data-theme=dark]{--gradient-subtle: linear-gradient(135deg, rgba(251, 146, 60, .12) 0%, rgba(249, 115, 22, .06) 100%)}[data-season=summer][data-theme=light]{--gradient-subtle: linear-gradient(135deg, rgba(251, 146, 60, .06) 0%, rgba(249, 115, 22, .03) 100%)}[data-season=autumn][data-theme=dark]{--gradient-subtle: linear-gradient(135deg, rgba(234, 88, 12, .12) 0%, rgba(161, 98, 7, .06) 100%)}[data-season=autumn][data-theme=light]{--gradient-subtle: linear-gradient(135deg, rgba(234, 88, 12, .06) 0%, rgba(161, 98, 7, .03) 100%)}[data-season=winter][data-theme=dark]{--gradient-subtle: linear-gradient(135deg, rgba(99, 102, 241, .12) 0%, rgba(147, 197, 253, .06) 100%)}[data-season=winter][data-theme=light]{--gradient-subtle: linear-gradient(135deg, rgba(99, 102, 241, .06) 0%, rgba(147, 197, 253, .03) 100%)}@keyframes snowfall{0%{transform:translateY(-10vh) translate(0);opacity:1}to{transform:translateY(100vh) translate(20px);opacity:0}}[data-season=winter] .home-header:before{content:"";position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#93c5fd4d,#c7d2fe80,#93c5fd4d);z-index:10;pointer-events:none}[data-season=autumn] .home-header:before{content:"";position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ea580c66,#a1620780,#ea580c66);z-index:10;pointer-events:none}[data-season=spring] .home-header:before{content:"";position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#22c55e4d,#a855f766,#22c55e4d);z-index:10;pointer-events:none}[data-season=summer] .home-header:before{content:"";position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#fb923c66,#facc1580,#fb923c66);z-index:10;pointer-events:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}