:root{--color-primary: #5d87ff;--color-primary-dark: #4570ea;--color-primary-deeper: #2952cc;--color-primary-light: #ecf2ff;--color-primary-hover: #4570ea;--color-secondary: #13deb9;--color-secondary-light: #e6fffa;--color-teal: #13deb9;--color-orange: #ffae1f;--color-orange-light: #fef5e5;--color-cyan: #49beff;--color-cyan-light: #e8f7ff;--color-coral: #fa896b;--color-coral-light: #fdede8;--color-bg: #f0f2f8;--color-surface: #ffffff;--color-text: #1a1d26;--color-text-secondary: #5a6178;--color-text-hint: #9ca3b8;--color-border: #e2e6ef;--color-error: #ef4444;--color-warning: #f59e0b;--color-success: #10b981;--color-info: #3b82f6;--font-display: "Manrope", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--font-size-xs: .7rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.625rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-xs: 0 1px 2px rgba(16,24,40,.05);--shadow-sm: 0 1px 3px rgba(16,24,40,.06), 0 1px 2px rgba(16,24,40,.04);--shadow-card: 0 2px 4px rgba(16,24,40,.04), 0 8px 16px rgba(16,24,40,.06);--shadow-md: 0 4px 8px rgba(16,24,40,.06), 0 12px 24px rgba(16,24,40,.08);--shadow-lg: 0 8px 16px rgba(16,24,40,.08), 0 20px 40px rgba(16,24,40,.12);--shadow-glow: 0 0 20px rgba(93,135,255,.15);--container-max: 1200px;--header-height: 64px}[data-theme=dark]{--color-bg: #0c0e14;--color-surface: #161a25;--color-text: #e4e6ed;--color-text-secondary: #8b90a0;--color-text-hint: #555a6b;--color-border: #252a38;--color-primary-light: #1a2344;--color-secondary-light: #0d2420;--color-orange-light: #2a2114;--color-coral-light: #2a1814;--color-cyan-light: #142028;--color-error: #f87171;--color-warning: #fbbf24;--color-success: #34d399;--color-info: #60a5fa;--color-footer-bg: #080a0f;--shadow-xs: 0 1px 2px rgba(0,0,0,.2);--shadow-sm: 0 1px 3px rgba(0,0,0,.25);--shadow-card: 0 2px 4px rgba(0,0,0,.2), 0 8px 16px rgba(0,0,0,.3);--shadow-md: 0 4px 8px rgba(0,0,0,.25), 0 12px 24px rgba(0,0,0,.35);--shadow-lg: 0 8px 16px rgba(0,0,0,.3), 0 20px 40px rgba(0,0,0,.4);--shadow-glow: 0 0 20px rgba(93,135,255,.1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:var(--color-primary);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-primary-dark)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}img{max-width:100%;height:auto}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:10px 20px;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:600;line-height:1.5;border:none;border-radius:var(--radius-md);cursor:pointer;letter-spacing:.01em;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:44px;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,#5d87ff,#4570ea);color:#fff;box-shadow:0 2px 8px #5d87ff40}.btn-primary:hover{box-shadow:0 6px 20px #5d87ff66;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 4px #5d87ff33}.btn-secondary{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary-light);border-color:var(--color-primary-dark)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef444440}.btn-danger:hover{box-shadow:0 4px 12px #ef444459;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-card);transition:all .25s cubic-bezier(.4,0,.2,1)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--spacing-lg)}.form-label{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text)}.form-control{padding:12px var(--spacing-md);font-size:var(--font-size-base);font-family:inherit;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);min-height:46px;transition:all .2s ease}.form-control:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #5d87ff1f}.form-control::placeholder{color:var(--color-text-hint)}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.form-error{font-size:var(--font-size-xs);color:var(--color-error)}.spinner{display:inline-block;width:22px;height:22px;border:2.5px solid rgba(93,135,255,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:var(--spacing-md);color:var(--color-text-secondary)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}