.auth{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--bg-white-0)}.auth-form{display:grid;place-items:center;padding:var(--space-40)}.auth-form-inner{width:min(400px,100%)}.auth-brand{display:flex;align-items:center;gap:var(--space-10);margin-bottom:var(--space-40)}.auth-brand-mark{width:32px;height:32px;border-radius:var(--r-8);background:var(--primary-base);color:var(--text-white-0);display:grid;place-items:center}.auth-brand-name{font-family:var(--font-display);font-size:var(--label-md-size);font-weight:500;color:var(--text-main-900)}.auth-title{font-family:var(--font-display);font-size:var(--title-h4-size);line-height:var(--title-h4-line);letter-spacing:var(--title-h4-tracking);font-weight:500;color:var(--text-main-900);margin-bottom:var(--space-6)}.auth-sub{font-size:var(--paragraph-sm-size);line-height:var(--paragraph-sm-line);color:var(--text-sub-500);margin-bottom:var(--space-28)}.auth-note{margin-bottom:var(--space-20);padding:var(--space-12) var(--space-14);border-radius:var(--r-10);background:var(--primary-lighter);color:var(--primary-dark);font-size:var(--paragraph-sm-size);line-height:var(--paragraph-sm-line)}.auth-fields{display:grid;gap:var(--space-16)}.auth-field{display:grid;gap:var(--space-6)}.auth-label{font-size:var(--label-sm-size);font-weight:500;color:var(--text-main-900)}.auth-input{display:flex;align-items:center;gap:var(--space-10);height:var(--control-h-md);padding:0 var(--space-12);border-radius:var(--r-10);background:var(--bg-white-0);box-shadow:var(--stroke-inset-soft),var(--shadow-xs);color:var(--icon-soft-400);transition:box-shadow var(--duration-fast) var(--ease-out)}.auth-input:focus-within{box-shadow:var(--stroke-inset-strong),var(--ring-focus-neutral);color:var(--icon-sub-500)}.auth-input input{flex:1;min-width:0;border:none;background:transparent;box-shadow:none;padding:0;height:auto;min-height:0;font-size:var(--label-sm-size);color:var(--text-main-900)}.auth-input input:focus{box-shadow:none;outline:none}.auth-input input::placeholder{color:var(--text-soft-400)}.auth-submit{margin-top:var(--space-8);width:100%;height:var(--control-h-md);border:none;border-radius:var(--r-10);background:var(--primary-base);color:var(--text-white-0);font-family:var(--font-sans);font-size:var(--label-sm-size);font-weight:500;cursor:pointer;box-shadow:var(--shadow-button-primary);transition:background var(--duration-fast) var(--ease-out)}.auth-submit:hover{background:var(--primary-dark)}.auth-submit:focus-visible{outline:none;box-shadow:var(--ring-focus-primary)}.auth-or{display:flex;align-items:center;gap:var(--space-12);margin:var(--space-24) 0;color:var(--text-soft-400);font-size:var(--label-xs-size);font-weight:500}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--stroke-soft-200)}.auth-magic{display:flex;gap:var(--space-8)}.auth-magic .auth-input{flex:1;min-width:0}.auth-secondary{height:var(--control-h-md);padding:0 var(--space-16);border:none;border-radius:var(--r-10);background:var(--bg-white-0);box-shadow:var(--stroke-inset-soft),var(--shadow-xs);color:var(--text-sub-500);font-family:var(--font-sans);font-size:var(--label-sm-size);font-weight:500;white-space:nowrap;cursor:pointer}.auth-secondary:hover{background:var(--bg-weak-100);color:var(--text-main-900)}.auth-foot{margin-top:var(--space-24);font-size:var(--paragraph-xs-size);color:var(--text-soft-400)}.auth-side{background:var(--bg-surface-700);display:grid;place-items:center;padding:var(--space-48)}.auth-side-inner{width:min(520px,100%)}.auth-side-kicker{font-size:var(--subheading-2xs-size);line-height:var(--subheading-2xs-line);letter-spacing:var(--subheading-2xs-tracking);text-transform:uppercase;font-weight:500;color:var(--text-soft-400);margin-bottom:var(--space-24)}.auth-side-title{font-family:var(--font-display);font-size:var(--title-h5-size);line-height:var(--title-h5-line);font-weight:500;color:var(--text-white-0);margin-bottom:var(--space-32)}.auth-side-list{list-style:none;display:grid;gap:var(--space-16)}.auth-side-list li{position:relative;padding-left:var(--space-28);font-size:var(--paragraph-sm-size);line-height:var(--paragraph-sm-line);color:var(--stroke-sub-300)}.auth-side-list li:before{content:"";position:absolute;left:2px;top:6px;width:6px;height:10px;border-right:2px solid var(--green-base);border-bottom:2px solid var(--green-base);transform:rotate(45deg)}@media(max-width:900px){.auth{grid-template-columns:minmax(0,1fr)}.auth-side{display:none}.auth-form{padding:var(--space-24);align-items:start;padding-top:var(--space-48)}}