:root{--bg-top:#eef6f4;--bg-bottom:#f8fbfb;--brand-green:#00D4AA;--brand-green-700:#009975;--muted:#556170;--card-radius:18px;--card-padding:28px;--max-card-width:460px;--accent:#06b48e}.register-route-shell{min-height:100vh;min-height:100dvh;padding:28px 24px 32px;background-image:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.15)),url(/login%20background.png);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;overflow-x:hidden}.register-container,.register-route-shell{display:flex;align-items:flex-start;justify-content:center;box-sizing:border-box}.register-container{width:100%;background:transparent;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial}.register-card{width:100%;max-width:var(--max-card-width);background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.98));padding:var(--card-padding);border-radius:var(--card-radius);box-shadow:0 10px 30px rgba(17,24,39,.06);border:1px solid rgba(16,24,40,.04);box-sizing:border-box}.register-brand{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:6px}.register-logo{width:72px;height:auto;transition:transform .3s ease,opacity .3s ease}.register-logo:hover{transform:scale(1.05);opacity:.9}a:has(.register-logo){display:inline-block;cursor:pointer}.register-title{text-align:center;margin:0;font-size:1.5rem;color:#0f172a;font-weight:700}.register-subtitle{text-align:center;margin:8px 0 16px;color:var(--muted);font-size:.98rem}.register-form{gap:14px}.form-group,.register-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{font-weight:600;color:#0f172a;font-size:.95rem}.password-field{position:relative}.password-input{padding-right:3rem}.password-toggle{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:9999px;background:transparent;color:#6b7280;cursor:pointer;padding:0;transition:color .2s ease,background-color .2s ease}.password-toggle:hover{color:var(--brand-green);background:rgba(0,212,170,.08)}.password-toggle:focus-visible{outline:3px solid rgba(0,212,170,.25);outline-offset:2px}.password-toggle:disabled{opacity:.65;cursor:not-allowed}.form-input{padding:12px 14px;border-radius:12px;border:1px solid rgba(15,23,42,.08);background:#fff;font-size:.95rem;transition:box-shadow .14s ease,transform .12s ease}.form-input::placeholder{color:#9aa3ad}.form-input:focus{outline:none;box-shadow:0 6px 18px rgba(0,212,170,.12);border-color:var(--accent);transform:translateY(-1px)}.register-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border-radius:12px;border:none;background:linear-gradient(90deg,var(--brand-green),var(--brand-green-700));color:white;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 8px 24px rgba(0,212,170,.14);transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.register-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 14px 36px rgba(0,212,170,.16)}.register-button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.register-footer{text-align:center;margin-top:10px;padding-top:12px;border-top:1px solid rgba(15,23,42,.03)}.login-text{color:var(--muted);font-size:.95rem;margin:0}.login-link{color:var(--brand-green);font-weight:700;text-decoration:none;margin-left:6px}.login-link:hover{text-decoration:underline}.error-msg{color:#9b2c2c;background:rgba(155,44,44,.06)}.error-msg,.success-msg{padding:10px 12px;border-radius:10px;margin:0}.success-msg{color:#064e3b;background:rgba(6,78,59,.05)}@media (min-width:768px) and (max-width:1024px){.register-route-shell{padding:24px 20px 28px}.register-card{max-width:340px;padding:16px}.register-title{font-size:1.42rem}.register-subtitle{font-size:.94rem;margin-bottom:14px}}@media (max-width:640px){.register-card{padding:18px;border-radius:12px}.register-title{font-size:1.35rem}}@media (max-width:480px){.register-route-shell{padding:18px 14px 22px;background-attachment:scroll}.register-card{max-width:320px;padding:14px}.register-subtitle{font-size:.92rem}.password-input{padding-right:2.9rem}.password-toggle{right:.6rem;width:1.9rem;height:1.9rem}}@media (min-width:768px) and (max-width:1024px) and (any-pointer:coarse){.register-route-shell{padding:24px 20px 30px}.register-card{max-width:360px;padding:18px}.register-title{font-size:1.55rem}.register-subtitle{font-size:1rem;margin-bottom:18px}.register-form{gap:12px}}@media (min-width:1025px) and (max-width:1366px) and (any-pointer:coarse){.register-route-shell{padding:28px 24px 34px}.register-card{max-width:400px;padding:22px}}