.al-page{background:var(--surface-1);display:flex;font-family:var(--font-inter),sans-serif;min-height:100vh}.al-shell{display:grid;grid-template-columns:55% 45%;min-height:100vh;position:relative;width:100%}.al-panel{background-color:var(--bg-blue);background-position:50%;background-size:cover;border-radius:20px;bottom:20px;box-shadow:0 20px 60px #0003,0 8px 24px #0000001f;left:20px;overflow:hidden;position:absolute;top:20px;width:calc(55% - 20px);z-index:10}.al-panel-overlay{background:linear-gradient(155deg,#0d509de6,#082d5fcc 50%,#facc151f);inset:0;position:absolute}.al-panel-content{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:40px 48px;position:relative;z-index:2}.al-panel-logo{display:block;width:-moz-fit-content;width:fit-content}.al-panel-body{display:flex;flex:1;flex-direction:column;justify-content:center;padding:var(--space-3xl) 0}.al-panel-heading{color:var(--brand-white);font-family:var(--font-heading),sans-serif;font-size:clamp(2rem,3.5vw,3rem);font-weight:var(--font-bold);letter-spacing:-.025em;line-height:var(--leading-tight);margin:0 0 var(--space-md)}.al-panel-tagline{color:#fff9;font-size:.875rem;font-weight:var(--font-medium);letter-spacing:.08em;margin:0;text-transform:uppercase}.al-panel-quote{border-left:3px solid var(--accent-primary);color:#ffffffb3;font-family:var(--font-merriweather),serif;font-size:.875rem;font-style:italic;line-height:var(--leading-relaxed);margin:0;padding-left:var(--space-md)}.al-panel-quote cite{color:var(--accent-primary);display:block;font-family:var(--font-inter),sans-serif;font-size:.775rem;font-style:normal;font-weight:var(--font-semibold);letter-spacing:.04em;margin-top:8px}.al-form-panel{align-items:center;background:var(--surface-1);display:flex;grid-column:2;justify-content:center;min-height:100vh;overflow-y:auto;position:relative}.al-form-inner{animation:al-form-enter .5s cubic-bezier(.22,1,.36,1) both;max-width:min(400px,calc(var(--container-sm)*.66));padding:56px 32px 80px;width:100%}@keyframes al-form-enter{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.al-theme-toggle{align-items:center;background:var(--surface-2);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;position:absolute;right:var(--space-lg);top:var(--space-lg);transition:color .2s ease,border-color .2s ease,background .2s ease;width:40px;z-index:10}.al-theme-toggle:hover{background:var(--surface-3);border-color:var(--border-medium);color:var(--text-primary)}.al-toggle-icon-wrap{align-items:center;display:flex;justify-content:center}.al-toggle-icon-wrap .iconify,.al-toggle-icon-wrap svg{animation:al-icon-spin-in .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes al-icon-spin-in{0%{opacity:0;transform:rotate(-90deg) scale(.5)}to{opacity:1;transform:rotate(0) scale(1)}}.al-header{margin-bottom:var(--space-2xl)}.al-heading{color:var(--text-primary);font-family:var(--font-heading),sans-serif;font-size:1.875rem;font-weight:var(--font-bold);letter-spacing:-.025em;line-height:var(--leading-tight);margin:0 0 8px}.al-subheading{color:var(--text-secondary);font-size:.9375rem;line-height:var(--leading-relaxed);margin:0}.al-form{display:flex;flex-direction:column;gap:var(--space-lg)}.al-error-banner{align-items:flex-start;animation:al-slide-down .25s cubic-bezier(.22,1,.36,1);background:#ef444412;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-lg);color:#ef4444;display:flex;font-size:.875rem;font-weight:var(--font-medium);gap:10px;padding:14px var(--space-md)}.al-error-banner svg{flex-shrink:0;margin-top:1px}@keyframes al-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.al-field{display:flex;flex-direction:column;gap:7px}.al-label{color:var(--text-primary);font-size:.8125rem;font-weight:var(--font-semibold);letter-spacing:.01em}.al-input-wrap{align-items:center;display:flex;position:relative}.al-input-icon{color:var(--text-muted);left:14px;pointer-events:none;position:absolute;transition:color .2s ease;z-index:1}.al-input-wrap:focus-within .al-input-icon{color:var(--accent-primary-dark)}.al-input{background:var(--surface-1);border:1.5px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-inter),sans-serif;font-size:.9375rem;height:52px;outline:none;padding:0 14px 0 44px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.al-input::-moz-placeholder{color:var(--text-muted);font-size:.875rem}.al-input::placeholder{color:var(--text-muted);font-size:.875rem}.al-input:hover{border-color:var(--border-medium)}.al-input:focus{background:var(--surface-1);border-color:var(--accent-primary-dark);box-shadow:0 0 0 3px #facc1524}.al-input.is-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.al-input-suffix{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;height:34px;justify-content:center;position:absolute;right:12px;transition:color .2s ease,background .2s ease;width:34px;z-index:1}.al-input-suffix:hover{background:var(--surface-3);color:var(--text-primary)}.al-field-error{animation:al-slide-down .2s ease;color:#ef4444;font-size:.8rem;gap:4px;margin:0}.al-field-error,.al-options{align-items:center;display:flex}.al-options{justify-content:space-between;margin-top:-2px}.al-checkbox{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.al-checkbox-input{accent-color:var(--accent-primary-dark);border-radius:4px;cursor:pointer;height:17px;width:17px}.al-checkbox-label{color:var(--text-secondary);font-size:.875rem}.al-forgot{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.875rem;font-weight:var(--font-medium);padding:0;transition:color .2s ease}.al-forgot:hover{color:var(--accent-primary-dark);text-decoration:underline}.al-submit{align-items:center;background:var(--accent-primary);border:none;border-radius:var(--radius-lg);box-shadow:0 4px 16px #facc1552;color:var(--brand-black);cursor:pointer;display:flex;font-family:var(--font-heading),sans-serif;font-size:1rem;font-weight:var(--font-bold);gap:8px;height:54px;justify-content:center;letter-spacing:.01em;overflow:hidden;position:relative;transition:all .25s cubic-bezier(.22,1,.36,1);width:100%}.al-submit:after{background:#00000014;content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s ease}.al-submit:hover:not(:disabled){box-shadow:0 8px 24px #facc1570;transform:translateY(-2px)}.al-submit:hover:not(:disabled):after{opacity:1}.al-submit:active:not(:disabled){transform:translateY(0)}.al-submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.al-submit-spinner{animation:al-spin .8s linear infinite}@keyframes al-spin{to{transform:rotate(1turn)}}.al-demo{align-items:center;border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;gap:var(--space-md);justify-content:space-between;padding:12px var(--space-md)}.al-demo-label{color:var(--text-muted);font-size:.8125rem;margin:0}.al-demo-btn{align-items:center;background:var(--surface-1);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:var(--font-semibold);gap:6px;padding:7px 14px;transition:all .2s ease;white-space:nowrap}.al-demo-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--brand-black)}.al-footer{border-top:1px solid var(--border-light);margin-top:var(--space-xl);padding-top:var(--space-lg)}.al-footer-help{color:var(--text-muted);font-size:.8125rem;line-height:var(--leading-relaxed);margin:0}.al-legal{align-items:center;bottom:20px;display:flex;gap:10px;position:absolute;right:24px}.al-legal-link{color:var(--text-muted);font-size:.75rem;font-weight:var(--font-medium);text-decoration:none;transition:color .2s ease}.al-legal-link:hover{color:var(--text-secondary);text-decoration:underline}.al-legal-sep{color:var(--text-muted);font-size:.7rem}@media(max-width:960px){.al-shell{display:flex;flex-direction:column}.al-panel{border-radius:0 0 20px 20px;bottom:auto;box-shadow:0 8px 32px #00000026;flex-shrink:0;height:300px;left:auto;position:relative;top:auto;width:100%}.al-panel-content{align-items:flex-end;flex-direction:row;gap:var(--space-xl);height:100%;padding:28px 32px}.al-panel-body{flex:1;padding:0}.al-panel-heading{font-size:1.625rem}.al-panel-quote,.al-panel-tagline{display:none}.al-form-panel{flex:1;grid-column:auto;min-height:auto}.al-form-inner{max-width:var(--container-sm);padding:44px 40px 80px}}@media(max-width:600px){.al-panel{border-radius:0 0 16px 16px;height:220px}.al-panel-content{align-items:flex-start;flex-direction:column;gap:var(--space-md);justify-content:space-between;padding:20px 24px}.al-panel-heading{font-size:1.25rem;letter-spacing:-.02em}.al-panel-heading br{display:none}.al-form-inner{margin:0 auto;max-width:var(--container-sm);padding:32px 24px 60px}.al-heading{font-size:1.5rem}.al-theme-toggle{right:12px;top:12px}.al-demo,.al-footer-help{text-align:center}.al-demo{flex-direction:column;gap:10px}.al-legal{background:none;border-top:none;bottom:14px;justify-content:center;left:0;margin:0;padding:0;position:fixed;right:0}}.al-demo-btn:focus-visible,.al-forgot:focus-visible,.al-legal-link:focus-visible,.al-submit:focus-visible,.al-theme-toggle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.al-error-banner,.al-field-error,.al-form-inner,.al-toggle-icon-wrap .iconify,.al-toggle-icon-wrap svg{animation:none!important}}