:root{--color-bg:#f9fafb;--color-card-bg:#fff;--color-text:#111827;--color-text-muted:#6b7280;--button-login-bg:#16a34a;--button-login-hover:#15803d;--button-register-bg:#ea580c;--button-register-hover:#c2410c;--font-family:"Inter",sans-serif;--font-heading:"Inter",sans-serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem;--border-radius:1rem;--shadow-light:0 5px 15px #0000000d;--shadow-medium:0 10px 25px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--color-text);background-color:var(--color-bg)}.container{max-width:500px;padding:var(--spacing-lg);margin:5rem auto}.card{background:var(--color-card-bg);padding:var(--spacing-lg);border-radius:var(--border-radius);box-shadow:var(--shadow-medium)}.heading{font-family:var(--font-heading);margin-bottom:var(--spacing-md);text-align:center;font-size:2rem;font-weight:700}.paragraph{color:var(--color-text-muted);margin-bottom:var(--spacing-md);text-align:center;font-size:1rem;line-height:1.5}.hero-text{color:var(--color-text-muted);text-align:center;margin-bottom:var(--spacing-lg);font-family:Inter,sans-serif;font-size:1rem;font-weight:500;line-height:1.5}.form-group{margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.label{margin-bottom:var(--spacing-xs);font-weight:600}.input{border-radius:var(--border-radius);border:1px solid #d1d5db;outline:none;padding:.75rem;font-size:1rem;transition:border .2s,box-shadow .2s}.input:focus{border-color:var(--button-login-bg);box-shadow:0 0 0 3px #16a34a33}.button{border-radius:var(--border-radius);cursor:pointer;color:#fff;border:none;flex:1;padding:.75rem;font-weight:600;transition:background .2s,transform .1s}.section{margin-top:2rem}.section-title{text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin-bottom:1rem;font-size:.75rem}.button-full{width:100%}.kv{grid-template-columns:120px 1fr;row-gap:.75rem;display:grid}.kv .label{margin:0}.divider{background:#e5e7eb;height:1px;margin:2rem 0}.link-danger{color:#dc2626;cursor:pointer;background:0 0;border:none;font-size:.9rem}.button[data-variant=login]{background-color:var(--button-login-bg)}.button[data-variant=login]:hover{background-color:var(--button-login-hover)}.button[data-variant=register]{background-color:var(--button-register-bg)}.button[data-variant=register]:hover{background-color:var(--button-register-hover)}.button-group{gap:var(--spacing-md);margin-top:var(--spacing-md);display:flex}.error{color:red;margin-bottom:var(--spacing-md);text-align:center}