:root{--auth-bg: #e8f0fb;--auth-left: #173863;--auth-left-dark: #102a49;--auth-text: #213752;--auth-muted: #607a9d;--auth-white: #ffffff;--auth-border: rgba(129, 161, 207, .24);--auth-input: rgba(242, 247, 255, .9);--auth-primary: #2f80ed;--auth-primary-hover: #256fce;--auth-shadow: 0 24px 48px rgba(17, 35, 64, .14)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;font-family:Plus Jakarta Sans,sans-serif;color:var(--auth-text);background:radial-gradient(760px 280px at 8% 6%,rgba(88,138,216,.18),transparent 64%),linear-gradient(180deg,#eef4fb,#e3edf9)}.register-body{min-height:100dvh}.register-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);overflow:hidden}.register-shell .login-left{position:relative;background:radial-gradient(560px 240px at 12% 14%,rgba(74,136,225,.22),transparent 68%),linear-gradient(180deg,var(--auth-left) 0%,var(--auth-left-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;padding:3rem;overflow:hidden}.register-shell .login-left:before{content:"";position:absolute;inset:32px;border:1px solid rgba(180,208,246,.12);border-radius:28px;pointer-events:none}.left-content{width:min(520px,100%);position:relative;z-index:1}.left-title{margin:0 0 1.1rem;font-size:clamp(2rem,3vw,2.9rem);line-height:1.15;font-weight:800}.left-subtitle{margin:0;font-size:1rem;line-height:1.8;color:#e7f1ffdb}.left-illustration{margin-top:2rem;width:100%;aspect-ratio:16 / 7.8;display:flex;align-items:center;justify-content:center;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#f1f7fff5,#d0e0f8f0);box-shadow:0 24px 44px #08142a4d}.left-illustration-img{width:auto;height:auto;max-width:100%;max-height:100%;display:block;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.register-shell .login-right{display:flex;align-items:flex-start;justify-content:center;padding:1.5rem;background:linear-gradient(#eef4fbeb,#e4eef9f5),url(/build/assets/login-form-CLTKH_EM.jpg) center center / cover no-repeat;overflow-y:auto}.register-shell .login-right::-webkit-scrollbar{width:8px}.register-shell .login-right::-webkit-scrollbar-thumb{background:#6f97cf73;border-radius:999px}.right-content{width:min(440px,100%);margin:.25rem 0 1.5rem}.brand-wrap{text-align:center;margin-bottom:.35rem}.brand-logo{height:auto;-o-object-fit:contain;object-fit:contain}.login-header{text-align:center;margin-bottom:1.25rem}.login-header h2{margin:0 0 .45rem;font-size:1.7rem;font-weight:800;color:#1b365d}.login-header p{margin:0;color:var(--auth-muted);font-size:.92rem}.alert-box{border-radius:12px;padding:.76rem .95rem;margin-bottom:.95rem;font-size:.9rem;font-weight:600}.alert-error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.login-form{background:#ffffffc2;border:1px solid rgba(255,255,255,.58);border-radius:22px;padding:1.35rem;box-shadow:var(--auth-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);max-height:calc(100vh - 280px);overflow-y:auto;overscroll-behavior:contain}.login-form::-webkit-scrollbar{width:8px}.login-form::-webkit-scrollbar-thumb{background:#6f97cf73;border-radius:999px}.field-group{margin-bottom:1rem}.field-group label{display:block;font-size:.87rem;font-weight:700;margin-bottom:.45rem;color:#355072}.input-wrap{position:relative}.input-wrap input,.input-wrap select,.input-wrap textarea{width:100%;border:1px solid var(--auth-border);border-radius:12px;background:var(--auth-input);padding:.75rem 2.6rem .75rem 2.2rem;font-size:.95rem;color:#2f3442;outline:0;box-shadow:inset 0 1px #ffffffa6}.input-wrap input,.input-wrap select{height:48px}.input-wrap textarea{min-height:96px;resize:vertical}.input-wrap input:focus,.input-wrap select:focus,.input-wrap textarea:focus{border-color:var(--auth-primary);box-shadow:0 0 0 4px #2f80ed26}.input-wrap.is-invalid input{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441f}.input-wrap input::-moz-placeholder,.input-wrap textarea::-moz-placeholder{color:#9aa9bf}.input-wrap input::placeholder,.input-wrap textarea::placeholder{color:#9aa9bf}.field-error{margin:.4rem 0 0;color:#dc2626;font-size:.78rem;line-height:1.4}.field-note{margin:.35rem 0 0;color:#687992;font-size:.78rem;line-height:1.4}.pickup-location-section{margin-top:1.15rem;padding-top:1rem;border-top:1px solid var(--auth-border)}.pickup-location-section__header{display:grid;gap:.25rem}.pickup-location-section__header h3{margin:0;color:#1b365d;font-size:1rem;line-height:1.25;font-weight:800}.input-icon{position:absolute;left:.68rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#7f8794;display:inline-flex}.input-wrap.input-wrap-textarea .input-icon{top:14px;transform:none}.input-icon svg{width:100%;height:100%}.toggle-password{position:absolute;right:.55rem;top:50%;transform:translateY(-50%);border:0;background:transparent;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:#7f8794;cursor:pointer;border-radius:8px}.toggle-password:hover{background:#2f80ed14;color:#376eaf}.toggle-password svg{width:1rem;height:1rem}.btn-submit{width:100%;border-radius:12px;height:48px;font-size:.99rem;font-weight:700;cursor:pointer;border:0;color:#fff;background:linear-gradient(180deg,#3c8df5,#2f7fe7);box-shadow:0 12px 24px #2f80ed47}.btn-submit:hover{background:linear-gradient(180deg,#4293f6,#2a76d8)}.btn-submit:disabled,.login-form.is-submitting .btn-submit{cursor:wait;opacity:.78}.register-link{margin:1.1rem 0 0;text-align:center;color:#5b6271;font-size:.95rem;font-weight:600}.register-link a{color:var(--auth-primary);text-decoration:none;font-weight:700}.register-link a:hover{text-decoration:underline}@media(max-width:1080px){html,body,.register-body{height:auto;overflow:auto}.register-shell{min-height:100vh;height:auto;grid-template-columns:1fr;align-items:start}.register-shell .login-left{display:none}.register-shell .login-right{align-items:flex-start;overflow:visible;padding:1.25rem .95rem}.login-form{max-height:none;overflow:visible}}@media(max-width:575.98px){.register-shell .login-right{padding:1rem .85rem}.right-content{width:100%}.login-header h2{font-size:1.62rem}.login-form{padding:1rem;border-radius:18px}}
