/* Isolated entry theme: self-hosted and CSP compatible. */
:root{color-scheme:dark;--entry-bg:#080f14;--entry-ink:#eef5f2;--entry-muted:#98ada6;--entry-mint:#b3eed1;--entry-border:#ffffff14}
*{box-sizing:border-box}body{margin:0;background:var(--entry-bg);color:var(--entry-ink);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;min-height:100svh;position:relative}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit}button:disabled{cursor:wait;opacity:.65}:focus-visible{outline:2px solid var(--entry-mint);outline-offset:4px}svg{flex-shrink:0}input{min-width:0}body::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#b6dcc604 1px,transparent 1px),linear-gradient(90deg,#b6dcc604 1px,transparent 1px);background-size:72px 72px;z-index:-1}.ob-entry-glow{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 46% 52% at 22% 56%,#2e876721,transparent 80%),radial-gradient(ellipse 34% 40% at 76% 14%,#51458b1e,transparent 80%)}.ob-entry-header{height:104px;max-width:1536px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 64px}.ob-entry-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#d8f2e3}.ob-entry-brand img{width:32px;height:32px}.ob-entry-brand span{font-size:24px;letter-spacing:-.055em;font-weight:700}.ob-entry-type{font-size:12px;letter-spacing:.06em;color:#a7bab2}.ob-login-split{display:grid;grid-template-columns:1.22fr 1fr;gap:clamp(36px,6vw,100px);max-width:1350px;padding:30px 64px 24px;margin:auto;align-items:center}.ob-login-visual{min-width:0;position:relative;padding-top:8px}.ob-entry-eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.19em;color:#a5bcb2;margin:0 0 20px}.ob-entry-eyebrow>span,.ob-entry-pill>span{width:5px;height:5px;border-radius:100%;background:var(--entry-mint);box-shadow:0 0 12px #b3eed180}.ob-login-visual h1{font-size:clamp(35px,3.5vw,54px);line-height:1.3;letter-spacing:-.04em;font-weight:600;margin:0 0 20px}.ob-login-visual h1 span{color:var(--entry-mint)}.ob-entry-intro{color:var(--entry-muted);font-size:14px;line-height:1.85;margin:0}.ob-login-chart{position:relative;height:340px;margin-top:10px;overflow:hidden;isolation:isolate}.ob-login-chart canvas{width:100%;height:100%;display:block}.ob-field-fallback{position:absolute;width:220px;height:220px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-28deg);border-radius:50%;border:1px solid #b3eed126;box-shadow:0 0 80px #6adcaa09,inset 0 0 70px #6adcaa06;z-index:-1}.ob-field-fallback::after{content:"";position:absolute;inset:20px -35px;border:1px solid #beb5fa30;border-radius:50%;transform:rotate(68deg)}.ob-field-label{position:absolute;font-size:8px;letter-spacing:.16em;color:#839d93;pointer-events:none}.ob-field-label span{display:block;font-size:12px;letter-spacing:0;color:#bed5ca}.ob-field-label-a{top:13%;left:12%}.ob-field-label-b{right:7%;top:42%}.ob-field-label-c{bottom:15%;left:16%}.ob-field-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.09em;color:#708a7f}.ob-entry-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--entry-border);padding-top:20px;margin-top:22px;font-size:11px;color:#8da59a;gap:12px}.ob-entry-bottom button{background:none;border:0;padding:4px;color:#a7c5b6;font-size:11px;white-space:nowrap}.ob-entry-bottom button span{margin-left:8px}.ob-login-panel{min-width:0;max-width:460px;width:100%;justify-self:end}.ob-login-form-wrap{padding:32px 36px;border:1px solid #ffffff20;border-radius:24px;background:linear-gradient(150deg,#172523d9,#101b21ed 55%,#131b24e6);box-shadow:0 30px 70px #0005,inset 0 1px 0 #ffffff08;backdrop-filter:blur(24px);position:relative}.ob-entry-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.ob-entry-pill{display:flex;align-items:center;gap:8px;font-size:10px;color:#b2c7bd;background:#b3eed10a;border:1px solid #b3eed118;border-radius:24px;padding:5px 10px}.ob-entry-card-top>svg{width:19px;height:19px;color:#8bbba4;stroke-width:1.2}.ob-card-eyebrow{font-size:8px;letter-spacing:.17em;color:#91a99e;margin:0 0 10px}.ob-login-form-wrap h2{font-size:25px;font-weight:550;letter-spacing:-.025em;line-height:1.3;margin:0 0 10px}.ob-card-intro{font-size:12px;color:#a2b5ac;margin:0 0 26px}.ob-entry-field{margin-bottom:19px}.ob-entry-field label{display:block;font-size:12px;color:#c0d1c9;margin-bottom:8px}.ob-entry-field input{width:100%;height:48px;background:#08101585;border:1px solid #a7c5b623;border-radius:10px;padding:0 14px;color:#edf5f1;transition:border-color .2s,background .2s}.ob-entry-field input::placeholder{color:#728980;font-size:12px}.ob-entry-field input:focus{outline:none;border-color:#b3eed188;box-shadow:0 0 0 3px #b3eed10a;background:#091511}.ob-password-wrap{position:relative}.ob-password-wrap input{padding-right:62px}.ob-password-wrap button{position:absolute;right:8px;top:8px;height:32px;background:none;border:0;color:#aac1b5;padding:0 8px;font-size:11px}.ob-challenge-title{display:flex;align-items:center;justify-content:space-between}.ob-challenge-title button{background:none;border:0;font-size:10px;color:#a9c8b9;padding:0 0 8px}.ob-challenge-row{display:grid;grid-template-columns:1fr 144px;gap:10px;align-items:center}.ob-challenge-row img{height:48px;width:144px;border-radius:9px;background:#f5f5f0;object-fit:fill}.ob-challenge-row input{letter-spacing:.14em}.ob-challenge-help{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:9px;margin-top:8px;color:#829c8e}.ob-challenge-help button{background:none;border:0;font-size:10px;color:#aecdbd;padding:0;white-space:nowrap}audio{width:100%;height:34px;margin-top:10px}audio[hidden]{display:none}.ob-entry-submit{display:flex;align-items:center;justify-content:space-between;width:100%;height:49px;border:1px solid #cef9dd;border-radius:10px;background:linear-gradient(110deg,#b2e7ca,#d6f7e3);color:#102e21;font-size:13px;font-weight:650;padding:0 17px;margin-top:24px;box-shadow:0 4px 26px #91dfb715;transition:box-shadow .2s,transform .2s}.ob-entry-submit:hover{box-shadow:0 4px 30px #91dfb735;transform:translateY(-1px)}.ob-entry-submit span{font-size:21px;font-weight:400}.ob-entry-safe{display:flex;justify-content:center;align-items:center;gap:6px;margin:18px 0 0;font-size:9px;color:#8da99a}.ob-entry-safe svg{width:12px;height:12px}.ob-entry-account-note{text-align:center;font-size:10px;color:#849b90;margin:20px 0 0}.ob-entry-footer{display:flex;justify-content:space-between;gap:20px;max-width:1536px;margin:36px auto 0;padding:0 64px 24px;font-size:9px;letter-spacing:.08em;color:#678276}.ob-login-error{background:#ffc0800d;border:1px solid #ffc08035;color:#f0c99f;padding:12px;border-radius:10px;font-size:12px;margin-bottom:20px}.ob-login-skip{position:absolute;top:-100px;left:20px;z-index:5;background:#b3eed1;color:#102e21;padding:8px}.ob-login-skip:focus{top:10px}
@media(min-width:1500px){.ob-login-split{padding-top:60px}.ob-login-chart{height:380px}.ob-entry-footer{margin-top:50px}}
@media(max-width:1050px){.ob-entry-header{padding:0 36px;height:88px}.ob-login-split{padding:22px 36px;gap:36px}.ob-login-form-wrap{padding:28px}.ob-login-chart{height:290px}.ob-login-visual h1{font-size:36px}.ob-challenge-row{grid-template-columns:1fr 120px}.ob-challenge-row img{width:120px}.ob-entry-footer{padding:0 36px 20px}}
@media(max-width:760px){.ob-entry-header{height:78px;padding:0 24px}.ob-entry-brand span{font-size:22px}.ob-entry-type{font-size:10px}.ob-login-split{display:flex;flex-direction:column;padding:16px 22px 0;gap:24px}.ob-login-visual{width:100%;padding:0;max-width:460px}.ob-entry-eyebrow{font-size:7px;margin-bottom:12px}.ob-login-visual h1{font-size:32px;line-height:1.27;margin-bottom:12px}.ob-entry-intro{font-size:12px}.ob-login-chart{height:155px;margin:0 0 -6px}.ob-field-fallback{width:120px;height:120px}.ob-field-label-a{top:12%;left:13%}.ob-field-label-c{bottom:14%;left:16%}.ob-field-label-b{right:13%;top:35%}.ob-field-label{font-size:6px}.ob-field-label span{font-size:9px}.ob-field-caption{font-size:7px}.ob-entry-bottom{margin-top:14px;padding-top:12px;font-size:9px}.ob-entry-bottom button{font-size:9px}.ob-login-panel{max-width:460px;justify-self:auto}.ob-login-form-wrap{padding:26px 24px;border-radius:20px}.ob-entry-card-top{margin-bottom:24px}.ob-login-form-wrap h2{font-size:23px}.ob-challenge-row{grid-template-columns:1fr 132px}.ob-challenge-row img{width:132px}.ob-entry-footer{padding:0 22px 20px;flex-direction:column;gap:4px;margin-top:26px}.ob-entry-account-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Mobile keeps the authentication task in the first viewport. */
@media(max-width:760px){.ob-login-panel{order:0}.ob-login-visual{order:1}.ob-entry-header{height:72px}.ob-login-split{gap:32px}.ob-entry-footer{margin-top:20px}}

.ob-icp{text-decoration:none;white-space:nowrap}.ob-icp:hover{text-decoration:underline}
