:root{--primary: #0D1716;--secondary: #368f8b;--background: #f9f9f9;--text-dark: #0D1716;--text-light: #6b7280;--text-muted: color-mix(in srgb, var(--text-dark) 60%, transparent 40%);--success: #28a745;--error: #dc2626;--warning: #f59e0b;--info: #3b82f6;--surface-white: #ffffff;--surface-light: #f8f9fa;--surface-dark: #1a2423;--surface-border: #e5e5e5;--surface-overlay: rgba(13, 23, 22, .4);--hover-overlay: color-mix(in srgb, var(--primary) 8%, transparent 92%);--focus-ring: rgba(54, 143, 139, .1);--disabled: #9ca3af;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 3rem;--spacing-4xl: 4rem;--radius: 0;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--container-max: 1600px;--container-padding: 1rem;--font-primary: "Montserrat", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 25px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-bounce: .3s cubic-bezier(.4, 0, .2, 1);--z-base: 1;--z-dropdown: 10;--z-sticky: 20;--z-header: 30;--z-overlay: 40;--z-modal: 50;--z-toast: 60}*{box-sizing:border-box;margin:0;padding:0}html{color:var(--text-dark);scroll-behavior:smooth;font-family:var(--font-primary)}body{min-height:100vh;line-height:1.6;background-color:var(--background);font-family:var(--font-primary);z-index:-1}h1,h2,h3,h4,h5,h6{font-weight:300;line-height:1.2;font-family:var(--font-primary)}.container{max-width:var(--container-max);margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-medium);text-decoration:none;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;transition:all var(--transition-normal);min-height:44px;gap:var(--spacing-sm);position:relative;overflow:hidden;user-select:none}.btn-primary{background:var(--primary);color:var(--surface-white);border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 90%,black 10%);border-color:color-mix(in srgb,var(--primary) 90%,black 10%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--secondary);color:var(--surface-white);border-color:var(--secondary)}.btn-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--secondary) 90%,black 10%);border-color:color-mix(in srgb,var(--secondary) 90%,black 10%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-outline{background:var(--surface-white);color:var(--primary);border:1px solid var(--surface-border)}.btn-outline:hover:not(:disabled){background:var(--hover-overlay);border-color:var(--primary);color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn:disabled{background:var(--disabled)!important;color:var(--surface-white)!important;border-color:var(--disabled)!important;cursor:not-allowed;opacity:.6;transform:none!important;box-shadow:none!important}.btn-large{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg);min-height:52px;font-weight:var(--font-semibold)}.btn-small{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);min-height:36px}.btn.loading{pointer-events:none;opacity:.8}.btn.loading .btn-text{opacity:.7}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{font-weight:var(--font-medium);color:var(--primary);font-size:var(--font-size-sm)}.form-group input,.form-group select,.form-group textarea{padding:var(--spacing-md);border:1px solid var(--surface-border);border-radius:var(--radius);background:var(--surface-white);font-family:inherit;font-size:var(--font-size-base);transition:var(--transition-normal)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 2px var(--focus-ring)}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--error);box-shadow:0 0 0 2px #dc26261a}.error-message{display:none;color:var(--error);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.error-message[style*=block]{display:block}.loading{opacity:.6;pointer-events:none}
