/* Sign-in page, October 2026 redesign: one centred column. Loads after the page's CSS and dupix-theme.css. */
.top{border-bottom:0;padding:26px clamp(16px,4vw,40px) 0;justify-content:flex-end}
.top-r{display:flex;align-items:center;gap:12px}
.mark-tile{width:64px;height:64px;border-radius:20px;background:var(--raised);border:1px solid var(--card-border);box-shadow:var(--shadow);display:grid;place-items:center;transition:transform .18s ease}
.mark-tile:hover{transform:translateY(-1px)}
.mark-tile img{width:46px;height:auto;display:block}
.signin-word{display:block;width:min(380px,78vw);height:auto;margin:clamp(4px,3vw,28px) auto 10px}
.grid{grid-template-columns:minmax(0,460px);justify-content:center;padding:0 0 44px;gap:22px}
.pitch{order:2;text-align:center}
.pitch h1,.pitch .lead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}   /* still there for screen readers */
.points{max-width:none;display:grid;justify-items:center;gap:10px;font-size:.92rem}
.points li{display:flex;align-items:center;gap:10px;color:var(--soft);text-align:left}
.points svg{margin-top:0;flex:none}.points svg ellipse{stroke:var(--accent)}
.card{padding:32px clamp(20px,5vw,36px) 28px;border-radius:28px;background:var(--card);border:1px solid var(--card-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.card h2{font-size:1.5rem;font-weight:800;font-stretch:100%}
.card .sub{color:var(--soft)}
.tabs{border:1px solid var(--line);border-radius:999px;padding:4px;gap:4px;background:var(--field);margin:-4px 0 22px}
.tab{border:0;border-radius:999px;padding:10px 6px;color:var(--muted)}
.tab[aria-selected="true"]{background:var(--panel);color:var(--paper);box-shadow:0 4px 14px rgba(0,0,0,.2)}
label{color:var(--paper)}
input[type=email],input[type=password],input[type=text]{border-radius:16px;padding:15px 16px;background:var(--field);border:1px solid var(--line);color:var(--paper);box-shadow:inset 0 2px 6px rgba(0,0,0,.12)}
input:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(92,124,255,.25)}
.pw button{color:var(--muted)}
.btn{border-radius:999px;padding:15px 20px;border:1px solid var(--line);color:var(--paper)}
.btn-primary,.btn-primary:hover{background:var(--grad);border:0;color:#fff;font-size:1.05rem;box-shadow:var(--glow),inset 0 1px 0 rgba(255,255,255,.28)}
.btn-primary:not(:disabled):hover{filter:brightness(1.08);box-shadow:var(--glow),inset 0 1px 0 rgba(255,255,255,.28)}
.link{color:var(--accent-text)}
.sbtn{border-radius:999px;width:100%;height:50px;font-size:1rem}
.or,.gnote,.hint,.fine{color:var(--muted)}.or::before,.or::after{background:var(--line)}
.msg.err{background:rgba(229,99,77,.15);color:var(--reject)}.msg.ok{background:rgba(92,124,255,.16);color:var(--accent-text)}
.site-foot{border-top:1px solid var(--line)}
@media (prefers-reduced-motion:reduce){.mark-tile{transition:none}.mark-tile:hover{transform:none}}