.login-shell{min-height:100vh;min-height:100svh;display:grid;grid-template-columns:1fr 1fr;padding:16px;gap:16px;box-sizing:border-box}.login-shell *{box-sizing:border-box}.login-shell-authenticated{grid-template-columns:1fr}.login-side{display:flex;flex-direction:column;min-width:0}.login-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 32px}.login-header .request-access{min-height:36px;padding:7px 14px;color:hsl(var(--foreground));font-size:13px;text-decoration:none;white-space:nowrap}.request-access:hover{color:hsl(var(--foreground))}.login-shell a:focus-visible{outline:2px solid hsl(var(--foreground));outline-offset:5px;border-radius:2px}.login-center{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 32px 112px}.login-shell [hidden]{display:none!important}.login-form{width:100%;max-width:384px;overflow-wrap:anywhere}.login-form-wide{max-width:512px}.auth-decision-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.auth-decision-actions>.auth-button{width:100%;min-width:0}.login-form-glass,.login-shell-authenticated .login-form{max-width:456px;padding:clamp(24px,4vw,36px)}.login-form-glass.login-form-wide,.login-shell-authenticated .login-form-wide{max-width:584px}.login-form h1{margin:0;text-align:left;font-size:26px;line-height:1.3}.login-form .auth-description{text-align:left;margin-top:12px;font-size:14px;line-height:1.5}.login-shell:not(.login-shell-authenticated) .login-form :is(h1,p){text-align:center}.login-shell:not(.login-shell-authenticated) .login-form .auth-button:not(.auth-button-secondary),.login-form #signup form>.auth-button:not(.auth-button-secondary){width:100%}.login-form .auth-label{color:hsl(var(--foreground))}.login-form .auth-input{min-height:44px;background:transparent;border-color:hsl(var(--border))}.login-form .auth-input:focus{border-color:hsl(var(--foreground));box-shadow:0 0 0 2px hsl(var(--foreground) / 8%)}.login-form .magic-login form{margin-top:32px}.login-form .auth-button{min-height:44px}.login-form .magic-login-error{color:#b91c1c}.login-legal{margin:28px 0 0;padding:0;text-align:center;color:hsl(var(--muted-foreground));font-size:12px;line-height:1.7}.login-shell-authenticated .login-legal{text-align:left}.login-legal a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:hsl(var(--muted-foreground) / 45%)}.login-legal a:hover{color:hsl(var(--foreground))}.login-showcase{display:flex;flex-direction:column;justify-content:space-between;min-width:0;border-radius:16px;background:#e9eaec;padding:24px clamp(32px,4.5vw,80px) clamp(32px,4.5vw,80px);overflow:hidden}.showcase-eyebrow{display:flex;align-items:center;min-height:38px;font-size:12px;color:#686a72;letter-spacing:.02em}.showcase-heading h2{margin:24px 0 0;font-size:clamp(28px,3.2vw,48px);line-height:1.2;font-weight:600}.showcase-heading h2 span{color:#777982}.showcase-example{width:100%;max-width:470px;margin:56px auto}.example-rule,.example-action{border:1px solid #d6d7dc;border-radius:12px;background:#f9f9fa;box-shadow:0 2px 3px #1c1d2108,0 16px 40px #1c1d210a}.example-rule{width:90%;padding:22px}.example-caption{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500}.example-icon{width:20px;height:20px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.example-rule-heading{align-items:center;gap:10px;margin-bottom:14px}.example-rule h3{font-size:14px;line-height:1.4;margin:0}.example-rule p{color:#686a72;font-size:13px;line-height:1.6;margin:0}.example-rule-footer{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:24px;font-size:10px;color:#686a72}.rule-mode{border:1px solid #d4c9b4;border-radius:4px;padding:2px 7px;color:#72522c;background:#f2ede4;font-size:11px}.example-connector{width:1px;height:34px;margin-left:70%;background:#c7c9cf}.example-action{width:90%;margin-left:auto;padding:20px}.action-title{font-size:16px;margin:18px 0}.example-decision{display:flex;gap:12px;padding:14px;border:1px solid #e1dbcf;border-radius:7px;background:#f3efe7}.decision-icon{font-size:20px;color:#72522c}.example-decision strong{font-size:12px;font-weight:600}.example-decision p{margin:4px 0 0;color:#686a72;font-size:12px}.showcase-footnote{color:#686a72;margin:0;font-size:12px}@media(max-width:900px){.login-shell{grid-template-columns:1fr;padding:0}.login-showcase{display:none}.login-header{padding:28px}.login-center{padding:48px 28px 108px}}@media(max-width:420px){.login-header{padding:24px 20px}.login-center{padding:40px 24px 96px}.request-access{font-size:12px}}