:root{--color-primary: #2563EB;--color-success: #22C55E;--color-error: #DC2626;--color-background: #F8FAFC;--color-surface: #FFFFFF;--color-text-primary: #18181B;--color-text-secondary: #71717A;--color-text-muted: #A1A1AA;--color-border: #E4E4E7;--color-border-light: #F1F5F9;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 32px;--font-size-5xl: 36px;--font-size-6xl: 48px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-1: 4px;--spacing-2: 6px;--spacing-3: 8px;--spacing-4: 12px;--spacing-5: 16px;--spacing-6: 20px;--spacing-7: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-15: 60px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--header-height: 64px;--max-width-desktop: 1024px;--max-width-tablet: 768px;--max-width-mobile: 375px;--breakpoint-mobile: 375px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-text-primary);background-color:var(--color-background);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;width:100%}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-6xl{font-size:var(--font-size-6xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}@media (max-width: 767px){:root{--font-size-5xl: 24px;--font-size-4xl: 32px;--font-size-3xl: 20px;--font-size-xl: 16px;--font-size-lg: 14px}}@media (min-width: 768px) and (max-width: 1023px){:root{--font-size-5xl: 32px;--font-size-4xl: 36px;--font-size-3xl: 24px}}.container{width:100%;max-width:var(--max-width-desktop);margin:0 auto;padding:0 var(--spacing-10)}@media (max-width: 1023px){.container{padding:0 var(--spacing-8)}}@media (max-width: 767px){.container{padding:0 var(--spacing-6)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease;border:none;outline:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-surface)}.btn-primary:hover:not(:disabled){background-color:#1d4ed8}.btn-secondary{background-color:transparent;color:var(--color-text-secondary)}.btn-secondary:hover:not(:disabled){color:var(--color-text-primary)}.input{width:100%;padding:0 var(--spacing-4);height:44px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text-primary);background-color:var(--color-surface);transition:border-color .2s ease}.input:focus{outline:none;border-color:var(--color-primary)}.input::placeholder{color:var(--color-text-muted)}.input-error{border-color:var(--color-error)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-7)}@media (max-width: 767px){.btn{width:100%;height:48px}.card{padding:var(--spacing-5)}}