.auth-page{background:linear-gradient(145deg, var(--loop-ice-2) 0%, var(--loop-ice) 48%, var(--auth-canvas-end) 100%);place-items:center;min-height:100dvh;padding:24px;display:grid;position:relative;overflow:hidden}.auth-page:before,.auth-page:after{content:"";border-radius:var(--radius-orbit);pointer-events:none;position:absolute}.auth-page:before{border:52px solid var(--auth-ring-cobalt);width:580px;height:580px;top:-310px;right:-250px;transform:rotate(-20deg)}.auth-page:after{border:42px solid var(--auth-ring-teal);width:460px;height:460px;bottom:-260px;left:-240px;transform:rotate(18deg)}.auth-shell{background:var(--surface);border:1px solid var(--border-hairline);border-radius:var(--radius-stage);width:min(1080px,100%);min-height:680px;box-shadow:var(--shadow-strong);z-index:2;grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);display:grid;position:relative;overflow:hidden}.brand-panel{background:var(--canvas-inverse);color:var(--text-inverse);flex-direction:column;grid-area:1/1;min-height:680px;padding:42px 44px;display:flex;position:relative;overflow:hidden}.brand-panel:before,.brand-panel:after{content:""}.brand-panel:before,.brand-panel:after,.brand-orbit{border-radius:var(--radius-orbit);pointer-events:none;position:absolute}.brand-panel:before{border:22px solid var(--loop-cobalt);opacity:.95;width:570px;height:390px;bottom:-135px;right:-280px;transform:rotate(-22deg)}.brand-panel:after{border:22px solid var(--loop-teal);opacity:.92;width:460px;height:315px;bottom:-177px;right:-92px;transform:rotate(22deg)}.brand-orbit{border:20px solid var(--loop-lime);opacity:.96;width:300px;height:220px;bottom:-132px;right:18px;transform:rotate(28deg)}.brand-lockup{z-index:2;align-items:center;gap:11px;display:flex;position:relative}.brand-mark{flex:none;width:46px;height:31px}.brand-word{font-size:var(--type-brand-word);font-weight:var(--weight-strong);letter-spacing:var(--tracking-brand-word);line-height:1}.brand-copy{z-index:2;max-width:390px;margin:auto 0 148px;position:relative}.brand-kicker{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--auth-on-midnight-2);font-weight:var(--weight-strong);margin:0 0 14px}.brand-title{font-size:var(--type-brand-title);line-height:var(--leading-brand-title);letter-spacing:var(--tracking-brand-title);font-weight:var(--weight-medium);margin:0}.brand-title span{color:var(--loop-lime)}.brand-text{font-size:var(--text-sm);line-height:var(--leading-brand-text);color:var(--auth-on-midnight);max-width:350px;margin:20px 0 0}.auth-panel{background:var(--surface);flex-direction:column;grid-area:1/2;justify-content:center;padding:48px 64px 38px;display:flex}.auth-inner{width:100%;max-width:390px;margin:0 auto}.mobile-brand{display:none}.auth-eyebrow{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-secondary);font-weight:var(--weight-strong);margin:0 0 11px}.auth-title{font-size:var(--type-auth-title);line-height:var(--leading-auth-title);letter-spacing:var(--tracking-auth-title);font-weight:var(--weight-title);margin:0}.auth-lede{font-size:var(--text-xs);line-height:var(--leading-body);color:var(--text-secondary);margin:10px 0 28px}.field{gap:7px;margin:0 0 15px;display:grid}.field label{font-size:var(--text-xs);font-weight:var(--weight-strong);color:var(--text-body)}.input-wrap{border:1px solid var(--border-field);border-radius:var(--radius-control);background:var(--surface);height:44px;transition:border-color var(--motion-fast) var(--ease-smooth), box-shadow var(--motion-fast) var(--ease-smooth);align-items:center;display:flex}.input-wrap:focus-within{border-color:var(--border-focus);box-shadow:var(--auth-focus-halo)}.input-wrap input{width:100%;min-width:0;height:100%;color:var(--text-primary);font-size:var(--text-sm);border-radius:var(--radius-control);background:0 0;border:0;outline:0;padding:0 13px}.input-wrap input::placeholder{color:var(--text-quiet)}.password-toggle{width:36px;height:36px;color:var(--text-secondary);border-radius:var(--radius-element);background:0 0;border:0;flex:none;place-items:center;margin-right:3px;padding:0;display:grid}.password-toggle:hover{background:var(--action-quiet-hover)}.password-toggle svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.auth-panel .auth-problem,.auth-panel .auth-notice{border:0;margin:0 0 15px}.auth-panel .auth-problem{background:var(--state-danger-soft-surface);color:var(--state-danger-soft-text)}.auth-panel .auth-notice{background:var(--state-neutral-soft-surface);color:var(--state-neutral-soft-text)}.signin{border-radius:var(--radius-control);background:var(--action-primary);width:100%;height:44px;color:var(--action-primary-foreground);font-size:var(--text-sm);font-weight:var(--weight-strong);box-shadow:var(--auth-action-shadow);transition:background var(--motion-fast) var(--ease-smooth), transform var(--motion-fast) var(--ease-smooth);border:0;margin-top:4px;padding:0}.signin:hover{background:var(--action-primary-hover);transform:translateY(-1px)}.signin:active{transform:translateY(0)}.auth-meta{text-align:center;color:var(--text-secondary);font-size:var(--text-xs);line-height:var(--leading-body);margin:21px 0 0}.security-note{color:var(--text-secondary);font-size:var(--text-xs);justify-content:center;align-items:center;gap:7px;margin:30px 0 0;display:flex}.security-note svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:13px;height:13px}.auth-options{gap:10px;margin-top:24px;display:grid}.auth-options button{text-align:left;border:1px solid var(--border-field);border-radius:var(--radius-control);background:var(--surface);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-strong);transition:border-color var(--motion-fast) var(--ease-smooth), background var(--motion-fast) var(--ease-smooth);padding:14px 16px}.auth-options button:hover{background:var(--surface-element);border-color:var(--border-focus)}.auth-options span{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-regular);margin-top:2px;display:block}@media (max-width:900px){.auth-page{padding:16px}.auth-shell{grid-template-columns:1fr;max-width:560px;min-height:auto}.brand-panel{display:none}.auth-panel{grid-column:1;padding:40px 38px 34px}.auth-inner{max-width:410px}.mobile-brand{align-items:center;gap:9px;margin-bottom:38px;display:flex}.mobile-brand .brand-word{color:var(--text-primary);font-size:var(--type-brand-word-narrow)}}@media (max-width:520px){.auth-page{background:var(--surface);padding:0;display:block}.auth-page:before,.auth-page:after{display:none}.auth-shell{box-shadow:none;border:0;border-radius:0;min-height:100dvh}.auth-panel{padding:30px 22px}.mobile-brand{margin-bottom:48px}.auth-title{font-size:var(--type-auth-title-narrow)}.security-note{margin-top:26px}}