:root{--font-heading: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--color-bg: #FFFFFF;--color-bg-soft: #FAFAFA;--color-bg-muted: #F1F1F0;--color-bg-dark: #1F2024;--color-bg-darker: #15161A;--color-text: #2C2D30;--color-text-muted: #6A6D74;--color-text-on-dark: #FFFFFF;--color-text-on-accent: #FFFFFF;--color-text-on-secondary: #FFFFFF;--color-text-on-tertiary: #FFFFFF;--color-primary: #2A6ADB;--color-primary-hover: #1F54B0;--color-secondary: #7C3AED;--color-secondary-hover: #6D28D9;--color-tertiary: #0D9488;--color-tertiary-hover: #0F766E;--color-accent: var(--color-primary);--color-border: rgba(0, 0, 0, .1);--color-divider: rgba(0, 0, 0, .06);--color-stars: #F5B400;--color-success: #1A7534;--color-danger: #B91C1C;--color-overlay: rgba(0, 0, 0, .55);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--container-max: 1200px;--container-max-wide: 1400px;--container-padding: var(--space-6);--section-padding-y: var(--space-20);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-pill: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .08);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--easing-standard: cubic-bezier(.4, 0, .2, 1);--z-base: 1;--z-sticky: 100;--z-overlay: 900;--z-modal: 1000}@media(max-width:767px){:root{--section-padding-y: var(--space-12);--container-padding: var(--space-4)}}:root{--font-heading: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--color-primary: #2A6ADB;--color-primary-hover: #1F54B0;--color-accent: var(--color-primary);--color-primary-soft: rgba(42, 106, 219, .1);--radius-md: 10px;--radius-lg: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-regular);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-bold);line-height:1.2;color:var(--color-text)}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{cursor:pointer;background:none;border:none;color:inherit}.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}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-padding)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.65rem 1.1rem;border-radius:var(--radius-md);font-weight:var(--font-semibold);font-size:var(--text-sm);line-height:1;border:1px solid transparent;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-text-on-accent)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-soft)}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-ghost:hover:not(:disabled){color:var(--color-text);background:var(--color-bg-muted)}.btn-danger{background:var(--color-bg);color:var(--color-danger);border-color:var(--color-border)}.btn-danger:hover:not(:disabled){background:#fef2f2;border-color:var(--color-danger)}.btn-sm{padding:.45rem .8rem;font-size:var(--text-xs)}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field+.field{margin-top:var(--space-5)}.label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.label .req{color:var(--color-danger);margin-left:2px}.hint{font-size:var(--text-xs);color:var(--color-text-muted)}.input,.select,.textarea{width:100%;padding:.6rem .8rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--text-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.textarea{min-height:110px;resize:vertical}.select{appearance:auto}.checkbox{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.checkbox input{width:16px;height:16px;accent-color:var(--color-primary)}.error{color:var(--color-danger);font-size:var(--text-xs)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.form-row .field+.field{margin-top:0}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.muted{color:var(--color-text-muted)}.small{font-size:var(--text-sm)}.stack>*+*{margin-top:var(--space-4)}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--font-medium);background:var(--color-bg-muted);color:var(--color-text-muted)}.badge-success{background:#ecfdf3;color:var(--color-success)}.badge-danger{background:#fef2f2;color:var(--color-danger)}.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;display:inline-block}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid}.alert-warn{background:#fffbeb;border-color:#fcd34d;color:#92400e}.alert-error{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.alert-success{background:#ecfdf3;border-color:#86efac;color:#166534}
