:root{--ink:#142b32;--muted:#6d7c82;--teal:#138a7d;--teal-dark:#0a675e;--teal-pale:#eaf6f2;--line:#dee8e6;--paper:#fff;--bg:#f4f7f5;--danger:#ac4338;--shadow:0 18px 45px rgba(24,55,47,.055);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;min-width:320px;background:var(--bg);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}[hidden]{display:none!important}:focus-visible{outline:3px solid #70c5b8;outline-offset:4px}h1,h2,h3,p{margin-top:0}button{touch-action:manipulation}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:44px;border-radius:14px 5px 14px 5px;background:linear-gradient(135deg,#33b7a3,#0c7468);color:#fff;font:italic 700 29px Georgia,serif;box-shadow:0 7px 18px #168d7c22}.brand strong{display:block;font-size:18px;letter-spacing:-.6px}.brand small{display:block;margin-top:4px;font-size:10px;letter-spacing:1.5px;color:var(--muted)}.brand-light{color:#fff}.brand-light small{color:#9fc3be;font-size:9px;letter-spacing:1.8px}.eyebrow{display:block;color:var(--teal);font-size:10px;font-weight:750;letter-spacing:2px;margin-bottom:14px}.eyebrow.light{color:#8fd7c4}.button{border:1px solid transparent;border-radius:9px;min-height:44px;padding:0 18px;display:inline-flex;gap:15px;align-items:center;justify-content:center;font-size:13px;font-weight:650;transition:background .18s,transform .18s,border-color .18s}.button:not(:disabled):hover{transform:translateY(-1px)}.button.primary{background:var(--teal);color:white}.button.primary:not(:disabled):hover{background:var(--teal-dark)}.button.secondary{border-color:var(--line);background:var(--paper);color:var(--ink)}.button.secondary:not(:disabled):hover{border-color:#91bdb1;background:#f5fbf8}.button.quiet{background:transparent;color:var(--muted)}.button.quiet:not(:disabled):hover{background:#eaf1ed;color:var(--ink)}.button.small{min-height:36px;padding:0 12px;font-size:12px}.noscript{padding:20px;background:#fff2df;color:#8b5a1e;text-align:center}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.06fr 1fr}.login-story{overflow:hidden;position:relative;display:flex;flex-direction:column;padding:46px 7vw 38px;background:radial-gradient(ellipse at 75% 38%,#204e46 0,transparent 64%),#102d2c;color:white}.login-story:before,.login-story:after{content:"";position:absolute;width:550px;height:550px;border:1px solid #6cb6a61a;border-radius:50%;right:-325px;top:80px;pointer-events:none}.login-story:after{width:720px;height:720px;top:-5px;right:-410px}.story-copy{position:relative;padding:90px 0 110px;margin:auto 0;z-index:1}.story-copy h1{font-size:clamp(42px,4.2vw,64px);line-height:1.25;font-weight:650;letter-spacing:-2px;margin:25px 0}.story-copy em{font-style:normal;color:#a9debd}.story-copy p{font-size:15px;line-height:1.9;color:#b2cbc5;margin:0}.region-preview{display:flex;align-items:center;gap:19px;margin-top:48px}.region-preview span{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#b8cdc7}.region-preview b{font-size:16px;color:white;letter-spacing:1.5px}.region-preview i{width:36px;height:1px;background:#46746a}.story-footer{display:flex;align-items:center;gap:10px;font-size:11px;color:#9ebbb2}.secure-symbol{font-size:18px;color:#b8dfc9}.story-divider{height:10px;width:1px;background:#45695d;margin:0 5px}.login-main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:75px 8vw 26px;position:relative;background:radial-gradient(ellipse at 90% 0,#edf5ec,transparent 40%),#fbfcf9}.login-card{width:100%;max-width:370px;margin:auto 0}.login-card h2{font-size:31px;letter-spacing:-1px;margin:0 0 12px}.form-intro{color:var(--muted);font-size:13px;line-height:1.7;margin-bottom:32px}.login-card label{display:block;font-size:12px;font-weight:650;margin:21px 0 9px;color:#3f5354}.login-card input{background:white;border:1px solid #d6e0da;border-radius:9px;width:100%;height:49px;padding:0 14px;color:var(--ink);font-size:14px;outline:none}.login-card input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #148f7f12}.login-card input::placeholder{color:#a1aca7;font-size:12px}.password-field{position:relative}.password-field input{padding-right:62px}.password-toggle{position:absolute;right:8px;top:6px;min-width:44px;height:37px;background:none;border:0;color:var(--muted);font-size:11px}.login-submit{width:100%;margin-top:25px;justify-content:space-between;min-height:48px}.account-help{font-size:11px;color:#83928a;line-height:1.9;margin:18px 0 26px}.login-privacy{padding-top:22px;border-top:1px solid #e3e9e0;display:flex;gap:11px;color:#87958b;font-size:11px;line-height:1.8}.login-privacy>span{font-size:18px;color:#647d6f}.login-privacy p{margin:0}.login-footer{font-size:10px;color:#8f9b93;width:100%;max-width:370px;display:flex;justify-content:space-between;margin-top:55px}.form-error{color:var(--danger);background:#fff0eb;border:1px solid #f3dacf;border-radius:8px;padding:11px 13px;font-size:12px;line-height:1.65;margin-top:17px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;height:89px;padding:0 max(5vw,calc((100vw - 1200px)/2));background:#ffffffed;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;backdrop-filter:blur(18px)}.site-header .brand-mark{width:35px;height:36px;font-size:25px}.site-header .brand strong{font-size:16px}.site-header .brand small{font-size:9px;letter-spacing:2px}.site-header nav{display:flex;gap:29px;margin-left:25px;font-size:12px;color:#66766f}.site-header nav a:hover{color:var(--teal)}.header-actions{display:flex;align-items:center;gap:9px}.account-pill{font-size:12px;font-weight:650;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 12px;background:#eff4ef;border-radius:7px;color:#53695d}.dashboard-main{max-width:1200px;margin:0 auto;padding:44px 0 24px}.welcome-panel{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.welcome-panel .eyebrow{font-size:9px;margin-bottom:12px;letter-spacing:2.2px}.welcome-panel h1{font-size:30px;letter-spacing:-1px;font-weight:650;margin:0 0 11px}.welcome-panel p{font-size:12px;color:var(--muted);margin:0}.welcome-actions{display:flex;gap:14px;align-items:center}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:5px;background:#e7f3ed;color:#28755e;font-size:10px;font-weight:650}.badge:before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}.badge.neutral{background:#edf0ec;color:#879089}.badge.warning{background:#fff0dc;color:#9c6d27}.metrics-grid{display:grid;grid-template-columns:1.22fr 1fr 1fr;gap:18px}.metric-card{min-height:174px;padding:22px 25px;background:var(--paper);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.metric-heading{display:flex;justify-content:space-between;align-items:center;color:#73847b;font-size:11px;margin-bottom:13px}.metric-icon{font-size:16px;color:#8ba99c}.metric-card>strong{display:block;font-size:32px;font-weight:650;letter-spacing:-1px;line-height:1.2;margin-bottom:10px}.metric-card>.date-value{font-size:26px;letter-spacing:-.5px;line-height:1.5}.metric-caption{font-size:11px;color:#8a968e;line-height:1.7}progress{width:100%;height:4px;border:0;border-radius:8px;background:#edf2ed;appearance:none;margin-top:13px;overflow:hidden}progress::-webkit-progress-bar{background:#edf2ed}progress::-webkit-progress-value{background:var(--teal);border-radius:8px}progress::-moz-progress-bar{background:var(--teal)}.section-block{margin-top:38px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:8px}.section-heading h2{font-size:21px;letter-spacing:-.5px;margin:0;font-weight:650}.section-meta{font-size:11px;color:#87958d;padding-bottom:2px}.line-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.line-card{position:relative;background:white;border:1px solid var(--line);border-radius:13px;padding:25px;box-shadow:var(--shadow)}.line-card:hover{border-color:#b6cec2}.line-top{display:flex;justify-content:space-between;align-items:flex-start}.region-icon{font-size:16px;font-weight:700;letter-spacing:1.5px;display:grid;place-items:center;min-width:44px;height:45px;border:1px solid #e0ece3;background:#eff6ef;border-radius:10px;color:#547e64}.line-card h3{font-size:19px;margin:20px 0 6px;font-weight:650;letter-spacing:-.5px}.line-subtitle{font-size:11px;color:#91a094;margin:0;line-height:1.8}.line-card .line-rule{height:1px;background:#edf1ec;margin:22px 0 17px}.line-card .button{width:100%;font-size:11px;min-height:38px;justify-content:space-between;border-color:#dbe7dd;background:#f7faf6;color:#496351}.line-card .button:hover{background:#edf6eb}.line-card .copy-link{display:block;background:none;border:0;color:#7a8e7d;font-size:11px;margin:13px auto 0;padding:6px}.line-card .copy-link:hover{color:var(--teal)}.empty-state{grid-column:1/-1;padding:35px;border:1px dashed #cddbd0;background:#f9fbf7;border-radius:13px;text-align:center;font-size:12px;color:#7d8c80;line-height:1.8}.downloads-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.download-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;background:white;border:1px solid var(--line);border-radius:12px;padding:22px 24px}.format-icon{height:42px;width:42px;display:grid;place-items:center;background:#e9f4ef;color:#448e6d;border-radius:10px;font:600 20px Georgia,serif}.format-icon.indigo{background:#eeeff9;color:#7b82b3}.download-card h3,.certificate-card h3{font-size:13px;margin:0 0 7px;font-weight:650}.download-card p{font-size:11px;line-height:1.7;color:#8b978c;margin:0;max-width:230px}.download-card .button{font-size:11px;min-height:35px;padding:0 12px;gap:8px;white-space:nowrap}.certificate-card{display:flex;align-items:center;gap:17px;padding:21px 24px;margin-top:14px;border:1px solid #dce7da;border-radius:12px;background:#f7faf2}.certificate-symbol{font-size:32px;color:#8a9d74;line-height:1}.certificate-card>div:nth-child(2){flex:1}.certificate-card p{font-size:11px;line-height:1.8;color:#89957f;margin:0}.certificate-card .button{font-size:11px;white-space:nowrap;color:#677f52}code{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;color:#597246}.download-note{display:flex;gap:10px;margin-top:22px;color:#8c9a8c;font-size:11px;line-height:1.85;padding:0 3px}.download-note>span{font-size:15px;color:#96a58b;line-height:1.5}.download-note strong{font-weight:550;color:#748570}.download-note p{margin:4px 0 0;max-width:1030px}.dashboard-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:36px;font-size:10px;color:#94a090}.notice{border:1px solid #dce8d8;border-radius:9px;background:#eef7e9;color:#547048;font-size:12px;line-height:1.7;padding:12px 15px;margin-bottom:18px}.notice.warning{border-color:#eedcc3;background:#fff7e8;color:#926c32}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:13px 21px;background:#17382eef;color:white;box-shadow:0 10px 30px #14382e26;border-radius:10px;max-width:calc(100% - 32px);width:max-content;z-index:20;font-size:12px;line-height:1.7}.toast.error{background:#8b4339}
@media(min-width:1500px){.login-story{padding-left:9vw;padding-right:9vw}.login-main{padding-left:10vw;padding-right:10vw}}@media(max-width:1320px){.dashboard-main{margin:0 5vw}.download-card{grid-template-columns:auto 1fr;gap:14px}.download-card>.button{grid-column:2;justify-self:start;margin-top:2px}.site-header nav{gap:19px;margin-left:0}.login-story{padding-left:6vw;padding-right:6vw}.story-copy h1{font-size:48px}}@media(max-width:1000px){.site-header{padding:0 4vw}.site-header nav{display:none}.dashboard-main{margin:0 4vw}.line-card{padding:20px}.metrics-grid{grid-template-columns:1fr 1fr 1fr;gap:12px}.metric-card{padding:20px}.metric-card>strong{font-size:29px}.metric-card>.date-value{font-size:23px}.login-story{padding:35px 5vw}.login-main{padding:60px 5vw 25px}.story-copy h1{font-size:43px}.story-copy{padding:70px 0 100px}}@media(max-width:760px){html{scroll-padding-top:90px}.login-shell{display:block}.login-story{padding:27px 7vw 31px}.login-story .brand-mark{width:34px;height:35px;font-size:24px}.login-story .brand strong{font-size:16px}.story-copy{padding:42px 0 12px}.story-copy h1{font-size:38px;margin:18px 0 13px;letter-spacing:-1px}.story-copy h1 br{display:none}.story-copy h1 em{display:block}.story-copy p{font-size:12px;line-height:1.8}.story-copy .eyebrow{font-size:8px;letter-spacing:1.7px}.region-preview{position:absolute;bottom:14px;right:0;gap:12px}.region-preview i{width:12px}.region-preview b{font-size:12px}.region-preview span{font-size:9px;gap:4px}.story-footer{display:none}.login-main{padding:38px 7vw 25px}.login-card{max-width:none}.login-card h2{font-size:26px}.form-intro{margin-bottom:24px}.login-card label{margin-top:19px}.login-footer{max-width:none;margin-top:30px}.site-header{height:76px;padding:0 5vw}.site-header .brand strong{font-size:14px}.site-header .brand-mark{height:34px;width:32px;font-size:23px}.header-actions .account-pill{display:none}.header-actions .button{font-size:10px;padding:0 7px}.dashboard-main{margin:0 5vw;padding-top:29px}.welcome-panel{align-items:flex-start;margin-bottom:23px}.welcome-panel h1{font-size:25px;max-width:65vw;overflow-wrap:anywhere}.welcome-panel p{font-size:11px;line-height:1.6;max-width:220px}.welcome-panel .eyebrow{font-size:8px}.welcome-actions{flex-direction:column;align-items:flex-end;gap:10px;padding-top:2px}.welcome-actions .button{font-size:10px;min-height:31px}.badge{font-size:9px}.metrics-grid{grid-template-columns:1fr 1fr;gap:12px}.metric-card{min-height:145px;padding:18px}.usage-card{grid-column:1/-1;min-height:140px}.metric-card>strong{font-size:29px}.metric-card>.date-value{font-size:21px;line-height:1.65}.metric-heading{font-size:10px}.metric-caption{font-size:10px}.section-block{margin-top:30px}.section-heading{margin-bottom:16px;gap:10px}.section-heading h2{font-size:20px}.section-heading .eyebrow{font-size:8px}.section-meta{font-size:10px;max-width:135px;text-align:right;line-height:1.6}.line-grid{grid-template-columns:1fr;gap:12px}.line-card{padding:19px;display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.line-top{grid-column:1/-1}.region-icon{width:38px;height:38px;font-size:14px}.line-card h3{grid-column:1;margin:16px 0 4px;font-size:18px}.line-subtitle{grid-column:1;font-size:10px}.line-card .line-rule{display:none}.line-card .button{grid-column:2;grid-row:2/4;align-self:center;min-height:37px;padding:0 11px;gap:7px;font-size:10px}.line-card .copy-link{grid-column:2;justify-self:center;margin:3px 0 0;font-size:10px}.downloads-grid{grid-template-columns:1fr;gap:12px}.download-card{padding:19px;grid-template-columns:auto 1fr auto;gap:13px}.download-card>.button{grid-column:auto;margin:0;font-size:10px;gap:8px;padding:0 10px}.download-card p{font-size:10px;max-width:170px}.download-card h3{font-size:12px}.format-icon{width:36px;height:38px;font-size:18px}.certificate-card{padding:18px;display:grid;grid-template-columns:auto 1fr;gap:13px}.certificate-card .button{grid-column:2;justify-self:start;min-height:30px;padding:0}.certificate-card h3{font-size:12px}.certificate-card p{font-size:10px}.download-note{font-size:10px;line-height:1.9}.dashboard-footer{font-size:9px;gap:12px;line-height:1.8;margin-top:28px}.toast{font-size:11px}.notice{font-size:11px}}@media(max-width:390px){.region-preview{gap:8px}.region-preview i{width:7px}.story-copy h1{font-size:34px}.download-card{grid-template-columns:auto 1fr}.download-card>.button{grid-column:2}.metric-card>.date-value{font-size:19px}.site-header .brand{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* WireGuard self-service portal */
.auth-tabs{display:flex;gap:6px;background:#eef3ee;padding:4px;border-radius:10px;margin-bottom:35px}.auth-tabs button{flex:1;border:0;background:transparent;color:var(--muted);font-size:12px;padding:11px;border-radius:7px}.auth-tabs button[aria-selected=true]{background:white;color:var(--teal-dark);box-shadow:0 2px 8px #18392e0a;font-weight:650}.optional{font-weight:400;color:#8c9c93;margin-left:5px}.section-description{color:var(--muted);font-size:12px;line-height:1.8;margin:0 0 18px}.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.device-card{background:white;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);padding:23px;min-width:0}.device-top,.card-heading,.order-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.device-icon{height:42px;width:42px;display:grid;place-items:center;border:1px solid #e2ebe4;background:#f4f8f3;border-radius:11px;color:#688775;font-size:21px}.device-card h3{font-size:17px;font-weight:650;margin:19px 0 6px;overflow-wrap:anywhere}.device-platform{color:var(--muted);font-size:11px;margin:0 0 20px}.device-route{border-top:1px solid #edf1ec;border-bottom:1px solid #edf1ec;padding:13px 0;margin-bottom:16px;display:flex;justify-content:space-between;gap:8px;align-items:center}.device-route strong{font-size:12px;font-weight:650}.device-route span{font-size:10px;color:#849286}.device-actions{display:grid;grid-template-columns:1fr auto;gap:7px}.device-actions .button{font-size:11px;min-height:37px;padding:0 10px}.device-actions .download-device{grid-column:1/-1;background:#f1f8f2;color:#3b7055;border-color:#d7e7da}.device-actions .danger{color:#a85b4f}.device-key-state{font-size:10px;color:#8a968b;margin:11px 0 0;line-height:1.65}.device-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:280px;grid-column:1/-1;border:1px dashed #cbdcd0;border-radius:13px;background:#f8fbf6;padding:32px;text-align:center}.device-empty>span{font-size:30px;color:#7b9a83;margin-bottom:15px}.device-empty h3{font-size:17px;margin:0 0 8px}.device-empty p{font-size:12px;color:var(--muted);line-height:1.8;max-width:440px;margin:0 0 18px}.region-lines{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.region-lines span{font-size:10px;color:#587662;padding:5px 9px;background:#f2f7f1;border-radius:5px}.line-card .line-subtitle{color:#788b7d}.line-unavailable{color:#8e9a90;font-size:11px;line-height:1.8;margin:18px 0 0}.commerce-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:18px}.commerce-card{background:white;border:1px solid var(--line);border-radius:13px;padding:25px}.commerce-card h3{font-size:15px;margin:0 0 20px}.commerce-card label,.portal-dialog label{font-size:12px;font-weight:600;display:block;margin:19px 0 9px}.commerce-card select,.portal-dialog input,.portal-dialog select{width:100%;min-height:44px;border:1px solid #d8e4d9;border-radius:8px;background:white;padding:10px 12px;color:var(--ink);font:inherit;font-size:13px}.portal-dialog input[type=file]{font-size:11px;padding:12px;min-width:0}.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.tier-button{border:1px solid #dfe8de;background:#fafcf8;border-radius:9px;padding:13px 8px;color:var(--ink);font-size:14px;font-weight:650;text-align:center}.tier-button small{display:block;font-weight:450;font-size:10px;color:#879784;margin-top:7px}.tier-button[aria-pressed=true]{background:#eaf5ee;border-color:#66a88a;color:#1e7551;box-shadow:0 0 0 1px #66a88a}.inline-help{font-size:11px;color:#8a978b;line-height:1.85;margin:12px 0 0}.recharge-total{display:flex;justify-content:space-between;align-items:center;margin:22px 0 18px;border-top:1px solid #e9eee6;padding-top:18px}.recharge-total span{font-size:12px;color:var(--muted)}.recharge-total strong{font-size:26px;letter-spacing:-.6px;font-weight:650}.commerce-card>.button{width:100%}.card-heading{margin-bottom:12px}.card-heading h3{margin:0}.order-list{display:flex;flex-direction:column;gap:0;max-height:355px;overflow:auto}.order-item{background:transparent;border:0;border-bottom:1px solid #edf1ea;padding:17px 0;text-align:left;color:var(--ink);width:100%}.order-item:last-child{border:0}.order-item:hover .order-title{color:var(--teal)}.order-title{font-size:13px;font-weight:600}.order-meta{font-size:10px;line-height:1.8;color:#8e9a8b;margin-top:8px;display:flex;justify-content:space-between;gap:12px}.empty-orders{font-size:12px;color:#8c9989;line-height:1.9;padding:45px 15px;text-align:center}.portal-dialog{color:var(--ink);border:1px solid #dce6dc;border-radius:17px;box-shadow:0 30px 90px #12312930;width:calc(100% - 32px);max-width:500px;max-height:calc(100dvh - 40px);overflow:auto;padding:27px;background:#fff}.portal-dialog::backdrop{background:#142c2780;backdrop-filter:blur(3px)}.portal-dialog.compact{max-width:460px}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:19px}.dialog-heading .eyebrow{font-size:9px;margin-bottom:9px}.dialog-heading h2{font-size:23px;margin:0;letter-spacing:-.5px;font-weight:650}.dialog-close{border:0;background:#f0f5ef;width:30px;height:30px;border-radius:7px;color:#798b7c;font-size:21px;line-height:1}.dialog-submit{width:100%;margin-top:23px}.order-details{display:grid;grid-template-columns:90px 1fr;gap:13px;font-size:12px;line-height:1.7}.order-details dt{color:#889786}.order-details dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.order-amount{font-size:32px;font-weight:650;letter-spacing:-.8px;margin:20px 0 10px}.order-payment-note{padding:13px 15px;border:1px solid #e4eadc;background:#f5f9ef;border-radius:9px;color:#6e805e;font-size:12px;line-height:1.8;white-space:pre-wrap}.success-notice{border:1px solid #cce3d3;background:#eff8ed;color:#3a754d;border-radius:9px;padding:13px;font-size:12px;line-height:1.8}.badge.error{background:#fff0e9;color:#a45848}.login-main:has(#registerForm:not([hidden])){padding-top:40px}.login-main:has(#registerForm:not([hidden])) .auth-tabs{margin-bottom:24px}.login-main:has(#registerForm:not([hidden])) .form-intro{margin-bottom:20px}
@media(max-width:1000px){.device-grid{gap:12px}.device-card{padding:19px}.commerce-card{padding:22px}.device-route{align-items:flex-start;flex-direction:column}}@media(max-width:760px){.device-grid{grid-template-columns:1fr}.device-card{padding:20px}.device-card h3{margin-top:15px}.device-route{flex-direction:row;align-items:center}.device-actions{grid-template-columns:1fr 1fr auto}.device-actions .download-device{grid-column:auto}.device-empty{min-height:245px;padding:26px}.commerce-grid{grid-template-columns:1fr;gap:12px}.commerce-card{padding:20px}.tier-grid{gap:8px}.tier-button{font-size:13px;padding:12px 7px}.section-description{font-size:11px;line-height:1.85}.portal-dialog{padding:23px;max-height:calc(100dvh - 24px)}.dialog-heading h2{font-size:21px}.region-lines{grid-column:2;grid-row:2/4;align-self:center;margin:0;justify-content:flex-end}.line-unavailable{grid-column:2;grid-row:2/4;align-self:center;margin:0;font-size:10px;text-align:right}.order-list{max-height:310px}.story-copy h1{font-size:36px}.region-preview{position:static;margin-top:24px}.story-copy{padding:32px 0 5px}.login-main:has(#registerForm:not([hidden])){padding-top:32px}}@media(max-width:390px){.device-actions{grid-template-columns:1fr auto}.device-actions .download-device{grid-column:1/-1}.portal-dialog{padding:20px}.tier-grid{grid-template-columns:repeat(2,1fr)}}

.recharge-coming{display:flex;gap:18px;align-items:center;background:#fafcf7}.recharge-coming h3{margin:0 0 7px;font-size:14px}.recharge-coming p{margin:0;color:#889581;font-size:12px;line-height:1.85}
.verification-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center}.login-card .verification-field input{min-width:0;letter-spacing:2px}.verification-field .button{min-height:49px;min-width:112px;padding:0 12px;font-size:12px;white-space:nowrap}.verification-help,.verification-status{font-size:11px;line-height:1.7;margin:9px 0 0;color:var(--muted)}.verification-status{color:var(--teal-dark);overflow-wrap:anywhere}.login-card input:read-only{background:#f5f8f3}

/* Decorative globe stays behind the login content and out of the accessibility tree. */
.login-story{isolation:isolate;background:radial-gradient(ellipse at 95% 80%,#285d4b80,transparent 57%),radial-gradient(ellipse at 45% 10%,#28534b66,transparent 58%),#102d2c}
.login-story:before{width:820px;height:820px;right:-510px;top:-330px;border-color:#8fceaf12}
.login-story:after{width:1020px;height:1020px;right:-610px;top:-430px;border-color:#8fceaf0b}
.login-story>.brand{position:relative;z-index:2}
.story-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(#b4dccd21 .7px,transparent .7px);background-size:26px 26px;mask-image:linear-gradient(130deg,transparent 12%,#0008 65%,transparent 98%)}
.story-globe{position:absolute;width:min(100%,920px);height:auto;right:-14%;bottom:-10%;z-index:0;pointer-events:none;opacity:.88}
.login-story .story-copy{margin:auto 0;padding:20px 0 190px;z-index:1}
.login-story .story-copy:after{content:"";display:block;width:68px;height:2px;margin-top:32px;background:linear-gradient(90deg,#a9debd99,transparent)}
@media(min-width:1500px){.story-globe{width:min(104%,1200px);right:-12%;bottom:-14%}.login-story .story-copy{padding-bottom:250px}}
@media(min-width:761px) and (max-height:760px){.story-globe{width:87%;right:-19%;bottom:-23%;opacity:.66}.login-story .story-copy{padding:30px 0 100px}}
@media(max-width:1000px){.story-globe{width:116%;right:-30%;bottom:-8%;opacity:.7}.login-story .story-copy{padding:30px 0 160px}}
@media(max-width:760px){.story-globe{width:360px;right:-128px;bottom:-152px;opacity:.4}.login-story .story-copy{padding:32px 0 5px;margin:0}.login-story .story-copy:after{width:46px;margin-top:22px}.story-atmosphere{background-size:22px 22px;opacity:.5}}

/* CSS motion keeps the illustration lightweight; reduced-motion retains the static globe. */
.globe-spin{transform:rotate(-24deg);transform-box:view-box;transform-origin:405px 316px}
.globe-flow{display:none;fill:none;stroke:#dcffe9;stroke-width:4.5;stroke-linecap:round;stroke-dasharray:.15 99.85;filter:drop-shadow(0 0 3px #b4efd180)}
.globe-flow-orbit{stroke-width:3.5}
@media(prefers-reduced-motion:no-preference){
  .globe-spin{animation:globe-turn 180s linear infinite}
  .globe-flow{display:inline;animation:globe-travel 11s linear infinite}
  .globe-flow-first{animation-delay:-3s}
  .globe-flow-second{animation-duration:15s;animation-delay:-9s}
  .globe-flow-orbit{animation:globe-orbit 40s linear infinite;animation-delay:-14s;opacity:.85}
}
@keyframes globe-turn{from{transform:rotate(-24deg)}to{transform:rotate(336deg)}}
@keyframes globe-travel{0%{stroke-dashoffset:0;opacity:0}8%,88%{opacity:.95}100%{stroke-dashoffset:-100;opacity:0}}
@keyframes globe-orbit{from{stroke-dashoffset:0}to{stroke-dashoffset:-100}}