:root{--bg-body-start:#f5f7fa;--bg-body-end:#e9ecf0;--bg-card:#ffffffe6;--bg-card-hover:#fffffff2;--bg-dev-badge:#2d3e50;--bg-input:#fff;--bg-button:#4aba24;--bg-button-hover:#376329;--bg-code:#e9ecf0;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--text-badge:#ffd966;--text-code:#fa541c;--border-light:#e2e8f0;--border-focus:#fa541c;--border-card:#fff6;--border-dev-badge:#ffd96633;--border-dashed:#cbd5e1;--color-primary:#fa541c;--color-primary-shadow:#f6953b26;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:2.5rem;--radius-card:32px;--radius-badge:30px;--radius-input:18px;--radius-button:40px;--radius-code:12px;--shadow-card:0 20px 40px #000a1e26,0 4px 12px #0000000d;--shadow-button:0 8px 20px #0000001a;--shadow-button-hover:0 12px 28px #00000026;--shadow-focus:0 0 0 4px var(--color-primary-shadow);--font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-size-xs:.75rem;--font-size-sm:.9rem;--font-size-md:.95rem;--font-size-base:1rem;--font-size-lg:1.1rem;--font-size-xl:1.8rem;--transition-fast:.1s ease;--transition-base:.2s ease}*{box-sizing:border-box;font-family:var(--font-family);margin:0;padding:0}body{background:linear-gradient(145deg,var(--bg-body-start),var(--bg-body-end));display:flex;padding:var(--spacing-md);justify-content:center;align-items: center;min-height:100vh}.login-card{background:var(--bg-dev-badge);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:5px solid var(--bg-dev-badge);transition:transform var(--transition-base);width:100%;max-width:400px}.logo{display:flex;flex-direction:row;justify-content:center;align-items: center;padding:15px}.logo svg{width:150px}.login-form{background:var(--bg-card);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-card);padding:var(--spacing-xl)var(--spacing-xl);border:1px solid var(--border-card);transition:transform var(--transition-base);width:100%}.dev-badge{display:inline-block;background:var(--bg-dev-badge);color:var(--text-badge);font-size:var(--font-size-xs);letter-spacing:.5px;padding:.35rem var(--spacing-md);border-radius:var(--radius-badge);text-transform:uppercase;border:1px solid var(--border-dev-badge);font-weight:600}.header{display:flex;flex-direction:row;justify-content:start;align-items: center;gap:10px}h2{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--spacing-xs);font-weight:600}.subtitle{color:var(--text-secondary);font-size:var(--font-size-md);margin-bottom:var(--spacing-xl);border-left:3px solid var(--color-primary);padding-left:.75rem}.input-group{margin-bottom:var(--spacing-lg)}label{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:.4rem;font-weight:500}input{font-size:var(--font-size-base);background:var(--bg-input);border:2px solid var(--border-light);border-radius:var(--radius-input);outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base);width:100%;padding:.9rem 1.2rem}input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.checkbox-row{display:flex;margin:1.2rem 0 var(--spacing-xl);align-items: center;gap:.6rem}.checkbox-row input{accent-color:var(--color-primary);width:1.2rem;height:1.2rem;margin:0}.checkbox-row label{color:var(--text-secondary);margin:0;font-weight:400}button{padding:var(--spacing-md);background:var(--bg-button);border-radius:var(--radius-button);color:#fff;font-size:var(--font-size-lg);cursor:pointer;transition:background var(--transition-base),transform var(--transition-fast),box-shadow var(--transition-base);box-shadow:var(--shadow-button);border:none;width:100%;font-weight:600}button:hover{background:var(--bg-button-hover);box-shadow:var(--shadow-button-hover)}button:active{transform:scale(.98)}.dev-note{margin-top:var(--spacing-xl);font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;border-top:1px dashed var(--border-dashed);padding-top:var(--spacing-lg)}.dev-note code{background:var(--bg-code);border-radius:var(--radius-code);font-size:var(--font-size-xs);color:var(--text-code);padding:.2rem .5rem}