:root{--color-primary:#15803d;--color-primary-hover:#166534;--color-primary-shadow:#15803d40;--color-primary-ring:#15803d40;--color-primary-tag-bg:#22c55e2e;--color-text:#1e293b;--color-text-muted:#475569;--color-text-on-dark:#f8fafc;--color-text-muted-on-dark:#cbd5e1;--color-link:#0369a1;--color-link-hover:#0c4a6e;--color-bg:#f1f5f9;--color-surface:#fff;--color-input-bg:#fff;--color-border:#cbd5e1;--color-border-light:#e2e8f0;--color-panel:#0f172a;--color-accent-decor-1:#22c55e;--color-accent-decor-2:#0284c7;--color-toast-bg:#f0fdf4;--color-toast-border:#86efac;--color-tag-on-panel:#bbf7d0;--color-panel-desc:#e2e8f0;--color-placeholder:#64748b;--font-sans:"Plus Jakarta Sans", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{height:100%}body{min-height:100%;font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:3px}.auth-shell{flex-direction:column;min-height:100vh;display:flex}@media (width>=768px){.auth-shell{flex-direction:row}}.auth-panel{width:50%;color:var(--color-text-on-dark);background-color:var(--color-panel);flex-direction:column;justify-content:space-between;padding:3rem;display:none;position:relative;overflow:hidden}@media (width>=768px){.auth-panel{display:flex}}.auth-panel__decor{opacity:.1;position:absolute;inset:0}.auth-panel__decor svg{width:100%;height:100%}.auth-panel__decor circle:first-child{fill:var(--color-accent-decor-1)}.auth-panel__decor circle:nth-child(2){fill:var(--color-accent-decor-2)}.auth-panel__brand{z-index:1;align-items:center;gap:.75rem;display:flex;position:relative}.auth-panel__logo{background-color:var(--color-primary);width:2.5rem;height:2.5rem;box-shadow:0 10px 15px -3px var(--color-primary-shadow);border-radius:.75rem;justify-content:center;align-items:center;display:flex}.auth-panel__logo svg{width:1.5rem;height:1.5rem;color:var(--color-text-on-dark)}.auth-panel__name{letter-spacing:-.025em;color:var(--color-text-on-dark);font-size:1.25rem;font-weight:700}.auth-panel__content{z-index:1;max-width:28rem;position:relative}.auth-panel__tag{letter-spacing:.05em;text-transform:uppercase;color:var(--color-tag-on-panel);background-color:var(--color-primary-tag-bg);border-radius:9999px;margin-bottom:1.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.auth-panel__title{letter-spacing:-.025em;margin:0 0 1rem;font-size:2.25rem;font-weight:800;line-height:1.2}.auth-panel__desc{color:var(--color-panel-desc);margin:0;font-size:.875rem;line-height:1.625}.auth-panel__footer{z-index:1;color:var(--color-text-muted-on-dark);justify-content:space-between;align-items:center;font-size:.75rem;display:flex;position:relative}.auth-panel__status{align-items:center;gap:.25rem;display:flex}.auth-panel__status-dot{background-color:var(--color-primary);border-radius:50%;width:.5rem;height:.5rem;animation:2s cubic-bezier(.4,0,.6,1) infinite auth-pulse}@keyframes auth-pulse{0%,to{opacity:1}50%{opacity:.5}}.auth-main{background-color:var(--color-bg);flex-direction:column;flex:1;justify-content:center;padding:3rem 1.5rem;display:flex}@media (width>=1024px){.auth-main{padding-left:4rem;padding-right:4rem}}.auth-mobile-brand{justify-content:center;align-items:center;gap:.75rem;margin-bottom:2.5rem;display:flex}@media (width>=768px){.auth-mobile-brand{display:none}}.auth-mobile-brand__logo{background-color:var(--color-primary);border-radius:.5rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.auth-mobile-brand__logo svg{width:1.25rem;height:1.25rem;color:var(--color-text-on-dark)}.auth-mobile-brand__name{letter-spacing:-.025em;color:var(--color-text);font-size:1.125rem;font-weight:700}.auth-card{background-color:var(--color-surface);border:1px solid var(--color-border-light);border-radius:1rem;width:100%;max-width:28rem;margin:0 auto;padding:2rem;position:relative;box-shadow:0 1px 2px #0f172a0d}@media (width>=768px){.auth-card{padding:2.5rem}}.auth-toast{z-index:50;background-color:var(--color-toast-bg);border:1px solid var(--color-toast-border);opacity:0;border-radius:.5rem;padding:.75rem;transition:opacity .3s;position:absolute;top:1rem;left:1rem;right:1rem}.auth-toast.hidden{display:none}.auth-toast--visible{opacity:1;display:block}.auth-toast--error{background-color:#fef2f2;border-color:#fecaca}.auth-toast--error .auth-toast__icon{color:#dc2626}.auth-demo-hint{text-align:center;color:var(--color-text-muted);margin:1rem 0 0;font-size:.6875rem}.auth-toast.opacity-100{opacity:1}.auth-toast.opacity-0{opacity:0}.auth-toast__inner{align-items:flex-start;gap:.75rem;display:flex}.auth-toast__icon{width:1.25rem;height:1.25rem;color:var(--color-primary);flex-shrink:0;margin-top:.125rem}.auth-toast__message{color:var(--color-text);margin:0;font-size:.75rem;font-weight:500;line-height:1.625}.auth-header{margin-bottom:2rem}.auth-header__title{color:var(--color-text);margin:0;font-size:1.5rem;font-weight:700}.auth-header__subtitle{color:var(--color-text-muted);margin:.375rem 0 0;font-size:.875rem}.auth-header__subtitle strong,.auth-header__subtitle .auth-emphasis{color:var(--color-text);font-weight:600}.auth-back{color:var(--color-text-muted);align-items:center;gap:.25rem;margin-bottom:1.5rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.auth-back:hover{color:var(--color-text)}.auth-back svg{width:1rem;height:1rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.auth-form--spaced{gap:1.5rem}.auth-field__label{letter-spacing:.05em;text-transform:uppercase;color:var(--color-text);margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.auth-field__label--center{text-align:center;margin-bottom:.75rem}.auth-field__label-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.auth-field__label-row .auth-field__label{margin-bottom:0}.auth-input-wrap{position:relative}.auth-input-icon{inset-block:0;pointer-events:none;color:var(--color-text-muted);align-items:center;padding-left:.875rem;display:flex;position:absolute;left:0}.auth-input-icon svg{width:1.25rem;height:1.25rem}.auth-input{width:100%;color:var(--color-text);background-color:var(--color-input-bg);border:1px solid var(--color-border);border-radius:.75rem;padding:.75rem 1rem .75rem 2.75rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.auth-input::placeholder{color:var(--color-placeholder)}.auth-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring);outline:none}.auth-checkbox-row{align-items:flex-start;gap:.75rem;display:flex}.auth-checkbox-row--center{align-items:center}.auth-checkbox{width:1.125rem;height:1.125rem;accent-color:var(--color-primary);border-radius:.25rem;margin-top:.125rem}.auth-checkbox-row--center .auth-checkbox{margin-top:0}.auth-checkbox-label{color:var(--color-text-muted);font-size:.75rem;font-weight:500}.auth-checkbox-label a{color:var(--color-primary);font-weight:600;text-decoration:none}.auth-checkbox-label a:hover{text-decoration:underline}.auth-link{color:var(--color-link);font-size:.75rem;font-weight:600;text-decoration:none;transition:color .15s}.auth-link:hover{color:var(--color-link-hover)}.auth-footer{text-align:center;color:var(--color-text-muted);margin-top:2rem;font-size:.75rem}.auth-footer .auth-link{margin-left:.25rem}.auth-btn{color:#fff;background-color:var(--color-primary);cursor:pointer;width:100%;box-shadow:0 4px 6px -1px var(--color-primary-shadow);border:none;border-radius:.75rem;padding:.75rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:background-color .2s,transform .1s}.auth-btn:hover{background-color:var(--color-primary-hover)}.auth-btn:active{transform:scale(.98)}.auth-otp-grid{justify-content:space-between;gap:.75rem;display:flex}.auth-otp-input{text-align:center;width:4rem;height:4rem;color:var(--color-text);background-color:var(--color-input-bg);border:2px solid var(--color-border);border-radius:.75rem;padding:0;font-family:inherit;font-size:1.5rem;font-weight:700;transition:border-color .15s,box-shadow .15s}.auth-otp-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-ring);outline:none}.auth-resend{text-align:center}.auth-resend__btn{color:var(--color-link);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.75rem;font-weight:600;transition:color .15s}.auth-resend__btn:hover{color:var(--color-link-hover)}.auth-resend__btn.is-disabled,.auth-resend__btn.opacity-40{opacity:.4;pointer-events:none}.auth-resend__timer{color:var(--color-text-muted);margin:.25rem 0 0;font-size:.75rem}