:root{--ink:#0b1813;--muted:#607069;--paper:#f4f7f1;--white:#fff;--forest:#071b14;--forest-2:#0c2a1e;--lime:#b8ee45;--lime-dark:#8fc91d;--line:#dbe3da;--danger:#b94435;--shadow:0 24px 80px rgba(8,33,23,.12)}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 82% 5%,rgba(184,238,69,.12),transparent 25%),var(--paper)}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,76px);border-bottom:1px solid rgba(219,227,218,.85);background:rgba(244,247,241,.88);backdrop-filter:blur(16px);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink);font-size:15px;font-weight:700;letter-spacing:-.01em}.brand-mark,.mini-mark{font-weight:800;letter-spacing:-.08em}.brand-mark{font-size:24px}.service-state{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.service-state i{width:8px;height:8px;background:var(--lime-dark);border-radius:50%;box-shadow:0 0 0 4px rgba(143,201,29,.13)}
.login-shell{min-height:calc(100vh - 126px);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(370px,.65fr);align-items:stretch}.hero-panel{background:var(--forest);color:#fff;padding:clamp(64px,9vw,132px) clamp(32px,7vw,112px);position:relative;overflow:hidden}.hero-panel:before,.hero-panel:after{content:"";position:absolute;border:1px solid rgba(184,238,69,.12);border-radius:50%}.hero-panel:before{width:580px;height:580px;right:-330px;top:-240px}.hero-panel:after{width:360px;height:360px;right:-160px;top:-100px}.eyebrow{font:500 11px/1.4 "DM Mono",monospace;letter-spacing:.16em;color:#718078;margin:0 0 16px;text-transform:uppercase}.hero-panel .eyebrow{color:var(--lime)}.hero-panel h1{font-size:clamp(48px,6.2vw,88px);line-height:.99;letter-spacing:-.065em;margin:0;max-width:780px;font-weight:600;position:relative;z-index:1}.hero-panel h1 em{font-style:normal;color:var(--lime)}.hero-copy{color:#acbbb4;font-size:clamp(16px,1.4vw,19px);line-height:1.75;max-width:600px;margin:34px 0 48px}.flow{border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:repeat(3,1fr);max-width:680px;padding-top:24px;gap:18px}.flow div{display:grid;gap:10px}.flow b{font:500 11px "DM Mono",monospace;color:var(--lime)}.flow span{font-size:13px;color:#bec9c4}.security-note{margin:52px 0 0;color:#879a91;font:400 11px "DM Mono",monospace;letter-spacing:.02em}.security-note span{color:var(--lime);margin-right:6px}
.auth-card{align-self:center;margin:56px clamp(28px,6vw,92px);max-width:430px;width:calc(100% - 56px);justify-self:center;background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);padding:38px}.card-heading{display:flex;align-items:center;gap:17px;margin-bottom:32px}.mini-mark{width:48px;height:48px;border-radius:12px;background:var(--forest);color:var(--lime);display:grid;place-items:center;font-size:17px}.card-heading p{font-size:11px;color:var(--muted);margin:0 0 3px}.card-heading h2{font-size:24px;letter-spacing:-.035em;margin:0}.auth-card form{display:grid;gap:19px}.auth-card label{display:grid;gap:8px;font-size:12px;font-weight:600}.auth-card input{width:100%;height:50px;border:1px solid var(--line);border-radius:6px;padding:0 14px;background:#fbfcfa;outline:none;transition:.2s}.auth-card input:focus{border-color:var(--lime-dark);box-shadow:0 0 0 3px rgba(143,201,29,.13)}.primary-button{border:0;border-radius:6px;background:var(--forest);color:#fff;min-height:51px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;font-weight:600;transition:.2s}.primary-button:hover{background:var(--forest-2);transform:translateY(-1px)}.primary-button span{color:var(--lime);font-size:20px}.primary-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.form-error{min-height:16px;margin:-8px 0 -8px;color:var(--danger);font-size:12px}.provision-note{display:flex;gap:10px;border-top:1px solid var(--line);margin-top:27px;padding-top:22px;color:var(--muted);font-size:11px;line-height:1.6}.provision-note>span{width:18px;height:18px;border:1px solid #aab6b0;border-radius:50%;display:grid;place-items:center;font:500 10px "DM Mono";flex:none}.provision-note p{margin:0}.provision-note strong{display:block;color:#3a4a42}.device-box{background:#eff8dc;border:1px solid #d6eab0;padding:15px 17px;margin:-12px 0 24px;display:grid;grid-template-columns:1fr auto;gap:4px 12px}.device-box span{font-size:11px;color:#5e7154}.device-box strong{grid-row:1/3;grid-column:2;font:500 17px "DM Mono";align-self:center}.device-box small{font-size:10px;color:#718166}
.dashboard{max-width:1320px;margin:0 auto;padding:66px 34px 84px}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:42px}.welcome-row h1{font-size:clamp(38px,5vw,62px);letter-spacing:-.055em;margin:0 0 9px;line-height:1}.welcome-row h1 span{color:#477d1c}.welcome-row>div>p:last-child{color:var(--muted);margin:0}.user-actions{display:flex;align-items:center;gap:12px;color:var(--muted);font:12px "DM Mono"}.quiet-button{border:1px solid var(--line);background:transparent;border-radius:5px;padding:9px 14px;color:var(--ink)}.quiet-button:hover{border-color:#aebbb2;background:#fff}.approval-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:26px;background:var(--forest);color:#fff;padding:27px 30px;margin-bottom:22px;border-radius:8px}.approval-card h2{margin:0 0 5px;font-size:21px}.approval-card p{margin:0;color:#aebeb6;font-size:12px}.approval-card .eyebrow{color:var(--lime);margin-bottom:7px}.approval-card>strong{font:500 24px "DM Mono";letter-spacing:.08em;color:var(--lime);border:1px dashed rgba(184,238,69,.4);padding:12px 18px}.approval-card>div:nth-of-type(2){display:flex;gap:9px}.approval-card .quiet-button{color:#fff;border-color:#385045}.compact{min-height:38px;background:var(--lime);color:var(--forest);padding:9px 16px}.compact:hover{background:#cbf66f}.approval-message{grid-column:1/-1;color:var(--lime)!important}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.metric-card{min-height:156px;border:1px solid var(--line);background:#fff;padding:24px;display:flex;flex-direction:column}.metric-card.lime{background:var(--lime);border-color:var(--lime)}.metric-card>span{font:500 10px "DM Mono";letter-spacing:.1em;text-transform:uppercase;color:#56675f}.metric-card strong{font-size:36px;letter-spacing:-.05em;margin:auto 0 5px}.metric-card small{color:#718078}.metric-card.lime small,.metric-card.lime>span{color:#38500e}.content-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.75fr);gap:14px}.panel{background:#fff;border:1px solid var(--line);padding:28px}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel h2{font-size:22px;letter-spacing:-.035em;margin:0}.icon-button{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:50%;font-size:18px}.session-list{margin-top:22px}.session-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;border-top:1px solid #edf1ec;padding:17px 0}.terminal-icon{width:40px;height:40px;background:#e9f3d8;color:#3c651c;border-radius:5px;display:grid;place-items:center;font:500 11px "DM Mono"}.session-row b{font-size:13px}.session-row p{margin:5px 0 0;color:var(--muted);font-size:11px}.session-row.inactive{opacity:.48}.revoke-button{background:transparent;border:0;color:var(--danger);font-size:11px;padding:8px}.empty-state{color:var(--muted);font-size:12px;padding:32px 0;margin:0}.guide-panel{background:var(--forest);color:#fff;border-color:var(--forest)}.guide-panel .eyebrow{color:var(--lime)}.guide-panel ol{list-style:none;margin:27px 0;padding:0;display:grid;gap:22px}.guide-panel li{display:flex;gap:13px}.guide-panel li>span{width:24px;height:24px;border:1px solid #395247;border-radius:50%;display:grid;place-items:center;flex:none;color:var(--lime);font:500 10px "DM Mono"}.guide-panel b{font-size:12px}.guide-panel li p{font-size:11px;line-height:1.55;color:#91a098;margin:5px 0 0}.limit-box{border-top:1px solid #2c4439;padding-top:21px}.limit-box>span{font-size:10px;color:#81928a}.limit-box>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.limit-box div span{background:#18372a;color:#c3d2cb;padding:6px 8px;border-radius:3px;font:10px "DM Mono"}
footer{min-height:54px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,76px);font:10px "DM Mono";color:#7b8882;background:var(--paper)}
@media(max-width:980px){.login-shell{grid-template-columns:1fr}.hero-panel{padding:70px 34px}.auth-card{margin:48px auto}.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.approval-card{grid-template-columns:1fr auto}.approval-card>div:nth-of-type(2){grid-column:1/-1}.guide-panel{min-height:auto}}
@media(max-width:620px){.topbar{height:62px;padding:0 18px}.service-state{font-size:0}.login-shell{min-height:auto}.hero-panel{padding:58px 24px}.hero-panel h1{font-size:48px}.hero-copy{font-size:15px;margin:26px 0 34px}.flow{grid-template-columns:1fr;gap:15px}.flow div{grid-template-columns:28px 1fr}.security-note{margin-top:36px}.auth-card{padding:27px;margin:24px;width:calc(100% - 48px)}.dashboard{padding:45px 18px 65px}.welcome-row{align-items:flex-start;gap:22px}.user-actions{flex-direction:column;align-items:flex-end}.metric-grid{grid-template-columns:1fr 1fr}.metric-card{min-height:130px;padding:18px}.metric-card strong{font-size:28px}.panel{padding:22px 18px}.approval-card{grid-template-columns:1fr;padding:22px}.approval-card>strong{justify-self:start}.approval-card>div:nth-of-type(2){grid-column:auto}.session-row{grid-template-columns:38px 1fr}.session-row .revoke-button{grid-column:2;justify-self:start;padding-left:0}footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:5px;padding:16px 18px}}

/* Dedicated device authorization */
.device-body{background:var(--forest);color:#fff}.device-body .topbar{background:rgba(7,27,20,.94);border-color:rgba(255,255,255,.1)}.device-body .brand{color:#fff}.device-step{display:flex;align-items:center;gap:10px}.device-step span{font:500 9px "DM Mono",ui-monospace,monospace;letter-spacing:.14em;color:var(--lime)}.device-step b{font-size:12px;color:#c5d0cb}.device-shell{min-height:calc(100vh - 126px);display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.72fr);align-items:center;gap:clamp(48px,7vw,110px);padding:clamp(54px,8vw,110px) clamp(28px,8vw,126px);position:relative;overflow:hidden}.device-shell:before{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(184,238,69,.1);border-radius:50%;left:-380px;bottom:-360px;pointer-events:none}.device-intro{max-width:690px}.device-intro .eyebrow{color:var(--lime)}.device-intro h1{font-size:clamp(52px,6vw,84px);line-height:.98;letter-spacing:-.065em;margin:0}.device-intro h1 em{font-style:normal;color:var(--lime)}.device-intro-copy{max-width:590px;color:#aebeb6;font-size:17px;line-height:1.72;margin:30px 0 42px}.device-privacy{border-top:1px solid rgba(255,255,255,.12);padding-top:25px;display:grid;gap:19px;max-width:620px}.device-privacy>div{display:grid;grid-template-columns:34px 1fr;gap:12px}.device-privacy>div>span{font:500 10px "DM Mono",ui-monospace,monospace;color:var(--lime);padding-top:2px}.device-privacy p{margin:0;display:grid;gap:4px}.device-privacy b{font-size:12px}.device-privacy small{color:#82958c;font-size:11px;line-height:1.5}.device-card{background:#fff;color:var(--ink);border:1px solid #dce6df;border-radius:10px;box-shadow:0 34px 100px rgba(0,0,0,.3);padding:34px;width:100%;max-width:520px;justify-self:center}.device-card-head{display:flex;align-items:center;gap:15px;margin-bottom:27px}.device-card-number{width:42px;height:42px;background:var(--forest);color:var(--lime);border-radius:10px;display:grid;place-items:center;font:500 11px "DM Mono",ui-monospace,monospace}.device-card-number.lime-number{background:var(--lime);color:var(--forest)}.device-card-head p{font-size:10px;color:var(--muted);margin:0 0 4px}.device-card-head h2{font-size:23px;letter-spacing:-.035em;margin:0}.device-auth-form{display:grid;gap:17px}.device-auth-form label{display:grid;gap:7px;font-size:11px;font-weight:600}.device-auth-form input{height:49px;border:1px solid var(--line);border-radius:6px;padding:0 13px;background:#fbfcfa;outline:none}.device-auth-form input:focus{border-color:var(--lime-dark);box-shadow:0 0 0 3px rgba(143,201,29,.13)}.device-auth-form .code-label input{height:62px;font:500 24px "DM Mono",ui-monospace,monospace;letter-spacing:.12em;text-align:center;text-transform:uppercase;color:var(--forest);background:#eff7e3}.field-help{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:-9px}.login-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.signed-in-row{display:flex;align-items:center;justify-content:space-between;background:#f0f5ec;border:1px solid var(--line);border-radius:7px;padding:12px 14px;margin-bottom:18px}.signed-in-row div{display:grid;gap:3px}.signed-in-row span{font-size:9px;color:var(--muted)}.signed-in-row b{font-size:11px}.text-button{border:0;background:transparent;color:#567b33;font-size:10px;padding:6px}.no-register{text-align:center;color:var(--muted);font-size:10px;margin:20px 0 0}.device-target{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:8px;padding:17px;margin-bottom:13px}.terminal-glyph{width:47px;height:47px;border-radius:7px;background:var(--forest);color:var(--lime);display:grid;place-items:center;font:500 12px "DM Mono",ui-monospace,monospace}.device-target div{display:grid;gap:5px}.device-target div span{font-size:9px;color:var(--muted)}.device-target strong{font-size:14px}.code-compare{background:var(--lime);border-radius:8px;padding:19px;display:flex;align-items:center;justify-content:space-between;gap:16px}.code-compare span{font-size:10px;color:#415716}.code-compare strong{font:500 20px "DM Mono",ui-monospace,monospace;letter-spacing:.08em}.device-warning{display:flex;align-items:center;gap:10px;margin:17px 0;color:var(--muted)}.device-warning>span{width:22px;height:22px;border:1px solid #d5b78c;border-radius:50%;display:grid;place-items:center;color:#a36420;font-size:10px}.device-warning p{font-size:10px;margin:0}.device-actions{display:grid;grid-template-columns:auto 1fr;gap:9px}.device-actions .primary-button{min-width:0}.device-result{text-align:center;padding:18px 4px 5px}.result-icon{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--forest);font-size:29px;margin:0 auto 22px}.result-icon.denied{background:#f4d8d2;color:var(--danger)}.device-result .eyebrow{color:#668641;margin-bottom:8px}.device-result h2{font-size:28px;margin:0 0 12px}.device-result>p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.7;max-width:390px;margin:0 auto 26px}.result-link{text-decoration:none}.device-body footer{background:var(--forest);border-color:rgba(255,255,255,.1);color:#71867c}
@media(max-width:960px){.device-shell{grid-template-columns:1fr;padding:70px 30px}.device-intro{justify-self:center;width:100%}.device-card{max-width:620px}.device-privacy{grid-template-columns:repeat(3,1fr);max-width:none}.device-privacy>div{grid-template-columns:1fr}.device-intro h1 br{display:none}}
@media(max-width:620px){.device-step span{display:none}.device-shell{padding:46px 18px 64px;gap:37px}.device-intro h1{font-size:47px}.device-intro-copy{font-size:14px;margin:24px 0 31px}.device-privacy{grid-template-columns:1fr}.device-privacy>div{grid-template-columns:28px 1fr}.device-card{padding:24px 20px}.login-fields{grid-template-columns:1fr}.device-actions{grid-template-columns:1fr}.device-actions .quiet-button{order:2}.code-compare{align-items:flex-start;flex-direction:column}.device-body footer{display:none}}