:root{--primary:#1f4fff;--cta:#ff8a00;--cta-hover:#e57c00;--text-dark:#0f172a;--bg-light:#f8fafc;--white:#fff;--border:#e2e8f0;--radius:12px;--shadow-md:0 4px 6px -1px #0000001a}body{background-color:var(--bg-light);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Inter,sans-serif;display:flex}h2{color:var(--text-dark);margin-bottom:.5rem;font-size:2rem;font-weight:800}.auth-subtitle{color:#64748b;margin-bottom:25px;font-size:1rem}.login-prompt{color:#64748b;margin-top:25px;font-size:.95rem}.login-link{color:var(--primary);font-weight:700;text-decoration:none;transition:color .3s}.login-link:hover{text-decoration:underline}form{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-md);border:1px solid var(--border);box-sizing:border-box;width:100%;max-width:600px;margin:1rem auto;padding:2.5rem;position:relative;overflow:hidden}form:before{content:"";background:linear-gradient(90deg, var(--primary), var(--cta));width:100%;height:4px;position:absolute;top:0;left:0}.form-grid{grid-template-columns:1fr 1fr;gap:0 15px;display:grid}.form-full{grid-column:span 2}.form-group{text-align:left;flex-direction:column;margin-bottom:1.2rem;display:flex}.form-group label{color:var(--text-dark);margin-bottom:6px;font-size:.85rem;font-weight:600}form input:not([type=checkbox]),form select{border:1px solid var(--border);background-color:var(--bg-light);box-sizing:border-box;width:100%;color:var(--text-dark);border-radius:8px;padding:.9rem 1rem;font-family:inherit;font-size:.95rem;transition:all .3s}form select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:calc(100% - 1rem);background-repeat:no-repeat}form input:not([type=checkbox]):focus,form select:focus{border-color:var(--cta);background:var(--white);outline:none;box-shadow:0 0 0 3px #ff8a001a}.password-wrapper{align-items:center;width:100%;display:flex;position:relative}.password-wrapper input{padding-right:2.8rem!important}.btn-toggle-password{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:1.1rem;transition:color .2s;display:flex;position:absolute;right:12px}.btn-toggle-password:hover{color:var(--primary)}.terms-group{margin-top:5px}.checkbox-container{cursor:pointer;color:var(--text-dark);text-align:left;align-items:flex-start;gap:10px;font-size:.88rem;line-height:1.4;display:flex}.checkbox-container input[type=checkbox]{cursor:pointer;width:18px;min-width:18px;height:18px;accent-color:var(--primary);margin-top:2px}.checkbox-container a{color:var(--primary);font-weight:600;text-decoration:underline}.checkbox-container a:hover{color:var(--cta)}form button[type=submit]{background-color:var(--cta);width:100%;color:var(--white);cursor:pointer;text-transform:uppercase;box-sizing:border-box;border:none;border-radius:8px;margin-top:15px;padding:1rem;font-size:1rem;font-weight:700;transition:all .3s}form button[type=submit]:hover{background-color:var(--cta-hover);transform:translateY(-2px);box-shadow:0 4px 12px #ff8a0033}form button[type=submit]:disabled{cursor:not-allowed;box-shadow:none;background-color:#cbd5e1;transform:none}@media (width<=600px){body{padding:15px}h2{font-size:1.6rem}form{padding:1.5rem}.form-grid{grid-template-columns:1fr}.form-full{grid-column:span 1}form input:not([type=checkbox]),form select{padding:.8rem;font-size:1rem}form button[type=submit]{padding:.9rem}}
