.auth-page{height:100vh;overflow:hidden}.auth{display:grid;grid-template-columns:1.05fr 1fr;height:100vh}.brand{position:relative;overflow:hidden;padding:48px;background:linear-gradient(160deg,var(--green-700),var(--green-900));color:#fff;display:flex;flex-direction:column}.brand:before{inset:0;opacity:.5;background:repeating-linear-gradient(90deg,oklch(1 0 0/.045) 0 1px,transparent 1px 16px),repeating-linear-gradient(0deg,oklch(1 0 0/.045) 0 1px,transparent 1px 16px)}.brand:after,.brand:before{content:"";position:absolute}.brand:after{width:480px;height:480px;border-radius:50%;right:-160px;top:-120px;background:radial-gradient(circle,oklch(.68 .12 27/.4),transparent 65%)}.brand>*{position:relative;z-index:1}.brand .logo__name{color:#fff}.brand .logo__name b{color:var(--green-200)}.brand__mid{margin-top:auto}.brand h2{color:#fff;font-size:34px;font-weight:800;letter-spacing:-.035em;line-height:1.1;max-width:440px}.brand p{margin-top:16px;color:oklch(.92 .015 27);font-size:16px;max-width:420px}.brand__pts{margin-top:30px;display:flex;flex-direction:column;gap:14px}.brand__pts .pt{display:flex;align-items:center;gap:12px;font-size:14.5px;color:oklch(.93 .012 27)}.brand__pts .pt .ck{width:24px;height:24px;border-radius:7px;background:oklch(1 0 0/.14);display:grid;place-items:center;flex:none}.brand__pts .pt .ck svg{width:14px;height:14px;color:var(--green-200)}.brand__foot{margin-top:40px;padding-top:22px;border-top:1px solid oklch(1 0 0/.15);font-size:13px;color:oklch(.87 .012 27);gap:10px}.brand__foot,.form-wrap{display:flex;align-items:center}.form-wrap{flex-direction:column;justify-content:center;padding:40px;overflow-y:auto}.form-card{width:100%;max-width:408px}.form-top{display:flex;justify-content:flex-end;margin-bottom:22px}.auth-tabs{display:inline-flex;padding:4px;background:var(--bg-sunk);border:1px solid var(--border);border-radius:var(--r-sm);margin-bottom:26px;width:100%}.auth-tabs button{flex:1;height:36px;border-radius:6px;font-size:14px;font-weight:600;color:var(--text-soft);transition:background .14s,color .14s,box-shadow .14s}.auth-tabs button.active{background:var(--surface);color:var(--ink);box-shadow:var(--sh-xs)}.form-card h1{font-size:26px;font-weight:800;letter-spacing:-.03em}.form-card .sub{margin-top:7px;color:var(--text-soft);font-size:15px;margin-bottom:26px}.form-card .field{margin-bottom:16px}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.forgot{font-size:13px;color:var(--accent);font-weight:600}.oauth{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.divider-t{display:flex;align-items:center;gap:14px;margin:22px 0;color:var(--text-faint);font-size:12px}.divider-t:after,.divider-t:before{content:"";flex:1;height:1px;background:var(--border)}.swap{text-align:center;margin-top:22px;font-size:14px;color:var(--text-soft)}.swap a{color:var(--accent);font-weight:600;cursor:pointer}.roles{display:grid;gap:12px;margin-bottom:22px}.role{display:flex;gap:14px;padding:16px;cursor:pointer;border:1.5px solid var(--border-strong);border-radius:var(--r);transition:border-color .15s,background .15s,box-shadow .15s;background:var(--surface)}.role:hover{border-color:var(--text-faint)}.role.sel{border-color:var(--accent);background:var(--accent-softer);box-shadow:0 0 0 3.5px var(--accent-ring)}.role .ic{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;flex:none}.role.r-sup .ic{background:var(--accent-soft);color:var(--accent)}.role.r-buy .ic{background:var(--info-soft);color:var(--info)}.role .ic svg{width:21px;height:21px}.role h4{font-size:15px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:8px}.role p{font-size:13px;color:var(--text-mute);margin-top:3px;line-height:1.4}.role .rad{margin-left:auto;width:20px;height:20px;border-radius:50%;border:2px solid var(--border-strong);flex:none;align-self:center;transition:border-color .15s;position:relative}.role.sel .rad{border-color:var(--accent)}.role.sel .rad:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--accent)}.hide{display:none!important}@media (max-width:860px){.auth{grid-template-columns:1fr}.brand{display:none}.auth-page{overflow:auto}.form-wrap{min-height:100vh}}