.ddx-login{grid-template-rows:auto 1fr;min-height:100svh;display:grid}.ddx-login-art{isolation:isolate;min-height:clamp(210px,34svh,340px);display:flex;position:relative;overflow:hidden}.ddx-login-art-in{z-index:2;width:100%;max-width:620px;padding:clamp(22px, 4svh, 52px) var(--pad);flex-direction:column;gap:clamp(22px,4svh,44px);margin-inline:auto;display:flex;position:relative}.ddx-login-art .ddx-brand .ddx-mark{width:26px;height:26px}.ddx-login-pitch{flex-direction:column;flex:1;justify-content:center;display:flex}.ddx-login-pitch .ddx-h2{max-width:17ch;font-size:clamp(1.65rem,3.4vw,2.7rem)}.ddx-login-pitch>p{max-width:46ch;color:var(--text-2);margin:18px 0 0;font-size:.94rem}.ddx-login-points{gap:10px;margin:clamp(20px,3svh,34px) 0 0;padding:0;list-style:none;display:grid}.ddx-login-points li{border:1px solid var(--rule);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a08066b;border-radius:14px;align-items:center;gap:13px;padding:13px 16px;display:flex}.ddx-login-points svg{width:18px;height:18px;color:var(--gold-lit);flex:none}.ddx-login-points strong{letter-spacing:-.012em;font-size:.88rem;font-weight:600;display:block}.ddx-login-points span{color:var(--text-3);font-size:.78rem;display:block}.ddx-login-back{width:fit-content;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);transition:color .35s var(--ease);align-items:center;gap:8px;font-size:10.5px;display:inline-flex}.ddx-login-back:hover{color:var(--gold-lit)}.ddx-login-panel{padding:clamp(30px, 5svh, 56px) var(--pad) calc(clamp(30px, 5svh, 56px) + env(safe-area-inset-bottom));background:var(--void);border-top:1px solid var(--rule);place-items:center;display:grid;position:relative}.ddx-login-form{gap:15px;width:100%;max-width:420px;display:grid}.ddx-login-head{margin-bottom:4px}.ddx-login-head .ddx-kicker{margin-bottom:12px}.ddx-field select{width:100%;color:var(--text);border:1px solid var(--rule-2);appearance:none;cursor:pointer;background:#f7f2e80d;background-image:linear-gradient(45deg, transparent 50%, var(--text-3) 50%), linear-gradient(135deg, var(--text-3) 50%, transparent 50%);transition:border-color .35s var(--ease), background-color .35s var(--ease);background-position:calc(100% - 19px) calc(50% + 1px),calc(100% - 14px) calc(50% + 1px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:12px;padding:13px 15px;font-family:inherit;font-size:.94rem}.ddx-field select:focus{border-color:#c39a5e99;outline:none}.ddx-field option{color:var(--text);background:#16120d}.ddx-login-demo{align-items:center;gap:8px;margin-top:2px;display:flex}.ddx-login-demo>span{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-4);margin-right:2px;font-size:9.5px}.ddx-login-demo .ddx-btn{flex:1;padding:10px 14px;font-size:.82rem}.ddx-login .ddx-lead-fine{margin-top:6px}@media (min-width:900px){.ddx-login{grid-template-rows:none;grid-template-columns:1.08fr .92fr}.ddx-login-art{min-height:100svh}.ddx-login-art-in{max-width:640px;margin-inline:0 auto;padding-block:clamp(34px,6svh,68px)}.ddx-login-panel{border-top:0;border-left:1px solid var(--rule)}}@media (min-width:1400px){.ddx-login-art-in{padding-inline:clamp(40px,6vw,96px)}}