:root{--green:#14854c;--line:#e8f1ec;--muted:#7b9887;color:#233e2e;background:#f6fbf8}body{font-family:Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.015em}button{border-radius:12px;transition:background .18s,transform .18s}button:not(:disabled):active{transform:translateY(1px)}input,select{border-color:#e2eee7;background:#fafefc;border-radius:12px;padding:14px}input:focus,select:focus{outline:3px solid #e5fff0;border-color:#79eba9}.shell{grid-template-columns:250px minmax(0,1fr)}.sidebar{padding:32px 22px;background:#fff;border-color:#eaf2ed}.sidebar .brand{font-size:1.6rem;margin-bottom:42px}.navbutton{font-size:.9rem;padding:14px 16px;color:#7b9887}.navbutton.active{background:#eefff5;color:#14854c;box-shadow:inset 3px 0 #6ae79f}.navbutton span{color:#8cd3aa}.support-card{background:linear-gradient(135deg,#f1fff7,#f8fffb);border:0;color:#758f80}.support-card strong{color:#446954}.topbar{background:#fff;padding:22px 40px}.badge{background:#eaf8f2;color:#21855f!important}.badge:before{content:'●';margin-right:7px;font-size:9px}.content{padding:30px 40px 64px;max-width:1500px}.title-row h1{font-size:2rem;letter-spacing:-.055em;font-weight:730}.title-row p{color:#7b9887}.stats{gap:20px}.stat{border:1px solid #ebf3ee;border-radius:20px;padding:26px;box-shadow:0 5px 20px #295b3e03}.stat.primary{background:linear-gradient(120deg,#14854c,#26975b);position:relative;overflow:hidden}.stat.primary:after{content:'';width:170px;height:170px;border:30px solid #ffffff0c;border-radius:50%;position:absolute;right:-40px;top:-45px;pointer-events:none}.stat.primary .label,.stat.primary small{color:#e0ffed}.stat .value{font-weight:740;font-size:2.2rem}.panel{border-radius:20px;padding:26px;box-shadow:0 5px 20px #295b3e03;border-color:#eaf3ee}.panel h2{font-weight:720;font-size:1.18rem}.empty{background:#fafefc;border-color:#e5f1ea;border-radius:16px;padding:42px 18px}.empty-symbol{background:#effff6;color:#76d79f;border-radius:15px}.grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr)}.order{border-radius:15px}.status.received{background:#eaf8f2;color:#25885f}.code{color:#14854c!important}.server-tabs{display:flex;gap:8px;background:#f4f9f6;padding:5px;border-radius:13px;margin:24px 0}.server-tab{background:transparent;color:#7a9887;font-size:.85rem;flex:1;padding:12px 8px}.server-tab.selected{background:#fff;color:#14854c;box-shadow:0 2px 8px #23553811}.picker-heading{display:flex;align-items:center;gap:9px;margin:24px 0 14px;font-size:.88rem}.picker-heading small{margin-left:auto;color:#8da597;font-size:.72rem}.step{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#eefff5;color:#65d694;font-size:.68rem;font-weight:750}#service-search,#country-search{padding-left:16px}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:310px;overflow:auto;overscroll-behavior:contain;margin:14px 0 24px;padding:2px 6px 2px 2px;scrollbar-width:thin;scrollbar-color:#d3efdf transparent}.service-item{display:flex;align-items:center;gap:10px;padding:12px 10px;background:#fff;border:1px solid #ebf3ee;color:#4f6b5b;text-align:left;font-size:.8rem;min-width:0}.service-item>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-item.selected{border-color:#86edb2;background:#f2fff7;color:#14854c}.service-check{margin-left:auto;color:#a9c6b5;font-size:1rem}.service-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;background:#f8fcf9}.service-icon svg{width:21px;height:21px}.monogram{font-size:.65rem;letter-spacing:.02em;color:#619f7b;background:#edf9f2;font-weight:750}.selection-summary{background:#f8fffb;padding:12px 14px;border-radius:10px;color:#619f7b!important;font-size:.8rem!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.auth{padding:20px;min-height:100vh;background:#f6fcf8;gap:0;grid-template-columns:1fr 1fr}.auth-story{border-radius:26px;background:radial-gradient(ellipse at 80% 90%,#26975b 0,transparent 52%),linear-gradient(135deg,#102e23,#14854c);min-height:calc(100vh - 40px);padding:46px 11%;overflow:hidden}.auth-story h1{font-weight:720;font-size:clamp(2.5rem,4.4vw,5.2rem);letter-spacing:-.06em;line-height:1.1}.auth-story h1 span{color:#cfffe3}.auth-story .eyebrow,.auth-story p,.auth-story footer{color:#d4f6e2}.auth-story .sample{background:#ffffff12;border:1px solid #ffffff25;backdrop-filter:blur(10px);border-radius:20px;padding:24px;transform:rotate(-2deg)}.sample strong{font-size:1.2rem;letter-spacing:-.02em;color:white;margin:12px 0}.auth-form{background:transparent;padding:60px 16%}.auth-form h2{font-size:2.2rem;font-weight:760}.auth-form form{margin-top:12px}.auth-form input{background:white}.auth-form button[type=submit]{padding:15px;box-shadow:0 6px 16px #14854c28}.forgot-link{display:block;text-align:right;font-size:.8rem;margin:-4px 0 22px;text-decoration:none}.auth-switch{color:#7b9887}.recovery-wrap{min-height:100vh;background:radial-gradient(ellipse at top,#ecfff4,transparent 65%),#f8fcf9;padding:40px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column}.back-home{margin-bottom:25px;text-decoration:none;font-size:.85rem}.recovery-card{background:white;border:1px solid #e8f4ed;border-radius:24px;padding:40px;width:min(100%,460px);box-shadow:0 20px 60px #3e795709}.recovery-card h1{font-size:1.7rem;letter-spacing:-.04em}.recovery-card p{color:#7b9887;line-height:1.7;font-size:.9rem}.recovery-symbol{display:grid;place-items:center;width:55px;height:55px;border-radius:16px;background:#f0fff6;color:#63d593;font-size:1.7rem;margin-top:35px}.recovery-card .brand{font-size:1.5rem}#recovery-result:not(:empty){background:#eaf8f2;padding:18px;border-radius:12px;color:#23764e;line-height:1.6}.support-launcher{position:fixed;right:24px;bottom:22px;background:#14854c;color:white;border:0;border-radius:28px;padding:15px 22px;box-shadow:0 8px 28px #14854c36;font-weight:650;z-index:15;font-family:inherit}dialog{border-radius:22px;padding:32px;box-shadow:0 20px 80px #24463233}dialog::backdrop{background:#25382d66;backdrop-filter:blur(3px)}#toast{background:#2b5b3f;bottom:28px}.info-row strong{overflow-wrap:anywhere}.table-wrap th{background:#fafefc}.sidebar .user{font-size:.85rem}.auth-story .brand img{filter:brightness(0) invert(1)}
@media(max-width:1150px){.shell{grid-template-columns:210px 1fr}.content{padding:24px}.grid{grid-template-columns:1fr}.auth-form{padding:40px 10%}.auth-story{padding:40px 9%}.topbar{padding:20px 24px}}
@media(max-width:700px){.auth{display:block;padding:0}.auth-story{min-height:0;border-radius:0 0 28px 28px;padding:28px}.auth-story h1{font-size:2.5rem;margin:10px 0}.auth-story .brand{margin-bottom:22px}.auth-form{padding:35px 25px 60px}.auth-form h2{font-size:1.9rem}.shell{display:block}.sidebar{position:static;padding:20px 18px;height:auto}.sidebar .brand{margin:0 0 20px 6px}.sidebar nav{gap:6px}.navbutton.active{box-shadow:none}.content{padding:18px}.topbar{padding:15px 20px}.title-row h1{font-size:1.65rem}.panel{padding:20px}.stats{gap:12px}.stat{padding:22px}.stat .value{font-size:1.8rem}.service-list{max-height:290px;gap:7px}.service-item{padding:10px 8px;font-size:.74rem;gap:7px}.service-icon{width:28px;height:28px}.picker-heading small{font-size:.65rem}.support-launcher{right:16px;bottom:16px;font-size:.8rem;padding:13px 17px}.recovery-card{padding:28px}.sidebar-bottom{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.service-icon img{width:21px;height:21px;object-fit:contain}
.email-heading{margin-top:32px!important}#email-result,#connection-result{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem;line-height:1.7;margin:18px 0}
.auth-story .brand img{filter:none;border:1px solid #ffffff40;border-radius:10px}

.brand-image{display:block;width:170px;height:56px;object-fit:contain;object-position:center;background:#102e23;border-radius:12px;padding:5px 10px}.auth-story .brand-image{background:transparent;padding:0;width:190px;height:64px}.sidebar .brand-image{width:174px;height:58px}.recovery-card .brand-image{width:180px;height:60px}@media(max-width:700px){.brand-image{width:148px;height:50px}.auth-story .brand-image{width:180px;height:60px}.sidebar .brand-image{width:158px;height:52px}}

.brand-image{display:block;width:170px;height:56px;object-fit:contain;object-position:center;background:#102e23;border-radius:12px;padding:5px 10px}.auth-story .brand-image{background:transparent;padding:0;width:190px;height:64px}.sidebar .brand-image{width:174px;height:58px}.recovery-card .brand-image{width:180px;height:60px}@media(max-width:700px){.brand-image{width:148px;height:50px}.auth-story .brand-image{width:180px;height:60px}.sidebar .brand-image{width:158px;height:52px}}

/* Dedicated United States server entry */
.usa-server-card{display:flex;align-items:center;gap:18px;padding:24px;border:1px solid #b9ddc7;border-radius:20px;background:linear-gradient(120deg,#edf9f1,#fff);color:#124e30;text-decoration:none;box-shadow:0 6px 20px #124e3008;transition:transform .2s,border-color .2s}.usa-server-card:hover{transform:translateY(-2px);border-color:#14854c}.usa-server-card:focus-visible{outline:3px solid #14854c;outline-offset:3px}.usa-flag{font-size:44px;line-height:1.2;flex-shrink:0}.usa-server-card>span:nth-child(2){display:grid;gap:5px}.usa-server-card small{font-size:11px;font-weight:800;letter-spacing:1.5px}.usa-server-card strong{font-size:24px}.usa-server-card span span{font-size:13px;color:#536d5e}.usa-arrow{margin-left:auto;font-size:28px}.usa-page{max-width:820px}.usa-page-heading{display:flex;align-items:center;gap:22px;margin:28px 0}.usa-page-heading h2{font-size:32px;margin:10px 0}.usa-country{display:flex;justify-content:space-between;gap:12px;padding:20px;background:#edf9f1;border-radius:12px;margin:24px 0}.usa-page .empty{margin:24px 0}@media(max-width:600px){.usa-server-card{padding:18px;gap:12px}.usa-flag{font-size:36px}.usa-server-card strong{font-size:22px}.usa-country{flex-wrap:wrap}}

.purchase-confirmation{background:#fff;border:1px solid #e0e9e3;border-radius:24px;padding:30px;max-width:580px;margin:20px auto 0;scroll-margin:24px}.purchase-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.purchase-card-heading h3{font-size:1.4rem;color:#103f2b;margin:0 0 8px;font-weight:750;overflow-wrap:anywhere}.purchase-country{color:#829487!important;font-size:1rem!important;margin:0!important}.purchase-server{flex-shrink:0;max-width:45%;padding:6px 10px;border-radius:30px;background:#f1f7f3;color:#688571;font-size:.7rem;font-weight:650;overflow-wrap:anywhere}.purchase-confirmation .purchase-price{font-size:3.25rem;font-weight:800;letter-spacing:-.045em;line-height:1.15;color:#008b58;margin:38px 0 32px;overflow-wrap:anywhere}.purchase-copy p{margin:8px 0;color:#829487;font-size:.95rem;line-height:1.7}.purchase-expiry{display:block;font-size:.78rem;color:#6c8776;margin-top:4px}.purchase-card-actions{display:grid;gap:14px;margin-top:28px}.purchase-card-actions button{width:100%;border:0;border-radius:16px;padding:20px;font-size:1.05rem;font-weight:750;background:#008b58;color:#fff;line-height:1.35;box-shadow:none}.purchase-card-actions .purchase-choose-again{background:#eaf5ed;color:#008b58}.purchase-card-actions button:disabled{opacity:.5;cursor:not-allowed}.purchase-card-actions button:not(:disabled):hover{filter:brightness(.97)}.purchase-card-actions button:focus-visible{outline:3px solid #94d7af;outline-offset:3px}.purchase-error{padding:12px 14px;border-radius:10px;background:#fff3e8;color:#895723;font-size:.85rem;line-height:1.6}.purchase-confirmation .purchase-refund-note{font-size:.75rem;color:#8b9b91;line-height:1.65;margin:20px 0 0}@media(max-width:600px){.purchase-confirmation{border-radius:20px;padding:24px 20px}.purchase-confirmation .purchase-price{font-size:2.8rem;margin:32px 0 26px}.purchase-card-heading h3{font-size:1.2rem}.purchase-card-actions button{padding:19px 14px}.purchase-copy p{font-size:.9rem}}
