:root{--page-gutter:clamp(18px, 3vw, 40px);--page-block-gap:clamp(24px, 3vw, 32px)}*{box-sizing:border-box}html,body{min-height:100%;color:var(--account-text);background:#eef0f4;margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer}.platformContent :where(p,li,dd,code,a){overflow-wrap:anywhere}.brandMark{border:8px solid #111317;border-radius:50%;flex:none;width:30px;height:30px;display:inline-block;position:relative}.brandMark:after{content:"";background:#111317;border-radius:50%;width:7px;height:7px;position:absolute;top:-9px;right:-12px}.pageHeader{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px;display:flex}.eyebrow{color:var(--account-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.75rem;font-weight:600}h1{letter-spacing:-.035em;margin:0;font-size:clamp(1.6rem,1.4rem + .7vw,2rem);font-weight:500}h2{letter-spacing:-.02em;margin:0;font-size:1.05rem;font-weight:500}p{line-height:1.55}.lead{max-width:720px;color:var(--account-text-muted);margin:10px 0 0;font-size:.9375rem}.detailLabel{color:var(--account-text-muted);text-transform:uppercase;letter-spacing:.07em;font-size:.72rem}.appsSection{gap:12px;margin-top:18px;display:grid}.appsSectionTitle{justify-content:space-between;align-items:center;gap:12px;display:flex}.appCardActions{flex-wrap:wrap;gap:8px;display:flex}.appsEmpty{text-align:center;color:var(--account-text-muted);padding:28px}.loginPage{isolation:isolate;background:linear-gradient(135deg,#eef1f4 0%,#f8f9fb 44%,#fff 100%);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.loginPage:before{content:"";z-index:0;pointer-events:none;filter:blur(28px);opacity:.95;will-change:transform;background:radial-gradient(circle at 18% 24%,#fffffffa 0 15%,#0000 42%),radial-gradient(circle at 82% 30%,#d6dbe185 0 12%,#0000 38%),radial-gradient(circle at 58% 82%,#ebeef2c7 0 14%,#0000 42%),linear-gradient(120deg,#fffffff0,#e2e7ec8c 48%,#fffffffa);animation:18s ease-in-out infinite alternate loginGradientFloat;position:absolute;inset:-18%;transform:translate(-2%,-1%)scale(1.04)}@keyframes loginGradientFloat{0%{transform:translate(-3%,-2%)scale(1.04)rotate(-1deg)}50%{transform:translate(2%,1%)scale(1.07)rotate(.7deg)}to{transform:translate(3%,-1%)scale(1.05)rotate(-.5deg)}}@media (prefers-reduced-motion:reduce){.loginPage:before{animation:none;transform:scale(1.04)}}.loginCard{border:1px solid var(--account-border);z-index:1;background:#fffffff5;border-radius:18px;width:min(100%,460px);padding:32px;position:relative;box-shadow:0 24px 80px #1113171a}.loginMark{align-items:center;gap:12px;margin-bottom:22px;font-weight:600;display:flex}.loginIcon{background:var(--account-surface-subtle);border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:16px;display:grid}.loginTitle{letter-spacing:-.035em;margin:0;font-size:1.75rem;font-weight:500}.loginCopy{color:var(--account-text-muted);margin:10px 0 22px}.loginForm{gap:10px;margin-top:16px;display:grid}
:root{--account-font-latin:var(--font-dm-sans-loaded,"DM Sans"), "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI";--account-font-thai:var(--font-ibm-plex-sans-thai-loaded,"IBM Plex Sans Thai"), "Noto Sans Thai", Tahoma;--account-font-sans:var(--account-font-latin), var(--account-font-thai), Arial, sans-serif;--account-surface:#fff;--account-surface-subtle:#f8f8fa;--account-input-background:#f3f4f6;--account-input-border:transparent;--account-text:#18181b;--account-text-subtle:#52525b;--account-text-muted:#71717a;--account-text-meta:#626873;--account-border:#e4e4e7;--account-border-strong:#d4d4d8;--account-focus:#2563eb;--account-success:#08775e;--account-warning:#9a5b08;--account-danger:#b4233a;--account-radius-control:9px;--account-radius-card:14px;--account-text-caption:.75rem;--account-text-ui:.875rem}html,body{font-family:var(--account-font-sans)}button,input,select,textarea{font:inherit}input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=range]):not([type=color]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]){border:1px solid var(--account-input-border);background:var(--account-input-background)}:where(button,a[href],input,textarea,select):focus-visible{outline:2px solid var(--account-focus);outline-offset:2px}.brandQualifier{color:var(--account-text-meta);font-weight:500}.accountCard{border:1px solid var(--account-border);border-radius:var(--account-radius-card);background:var(--account-surface);padding:18px}.accountForm{gap:14px;display:grid}.accountField{color:var(--account-text-subtle);gap:7px;font-size:.8125rem;font-weight:500;display:grid}.accountInput{border:1px solid var(--account-input-border);border-radius:var(--account-radius-control);background:var(--account-input-background);width:100%;min-height:40px;color:var(--account-text);outline:none;padding:9px 12px}.accountInput:focus{box-shadow:0 0 0 3px #2563eb14}.accountButton{border-radius:var(--account-radius-control);min-height:40px;font-size:var(--account-text-ui);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:inline-flex}.accountButton.primary{background:var(--account-text);color:#fff;border-color:var(--account-text)}.accountButton.secondary{color:var(--account-text);border-color:var(--account-border-strong);background:#fff}.accountButton.ghost{color:var(--account-text-muted);background:0 0}.accountButton.danger{border-color:color-mix(in srgb, var(--account-danger) 30%, var(--account-border));background:color-mix(in srgb, var(--account-danger) 7%, var(--account-surface));color:var(--account-danger)}.accountButton:disabled{opacity:.55;cursor:not-allowed}.accountHelper{color:var(--account-text-muted);font-size:var(--account-text-caption)}.accountNotice{border:1px solid var(--account-border);border-radius:var(--account-radius-control);background:var(--account-surface-subtle);color:var(--account-text-subtle);padding:10px 12px;font-size:.8125rem}.accountNotice.danger{border-color:color-mix(in srgb, var(--account-danger) 28%, var(--account-border));color:var(--account-danger)}.accountStatus,.roleChip{border:1px solid var(--account-border-strong);background:var(--account-surface-subtle);color:var(--account-text-subtle);font-size:var(--account-text-caption);border-radius:999px;align-items:center;padding:4px 8px;font-weight:500;display:inline-flex}@media (pointer:coarse){.accountButton,.accountInput,input,select,textarea{min-height:44px}}