:root{--bg:#071622;--card:#0d2539;--line:#25445c;--ink:#ecf5ff;--muted:#92afc5;--blue:#1594ff;--green:#78e0b9}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#12344d 0,transparent 50%),var(--bg);color:var(--ink);font:14px/1.7 -apple-system,BlinkMacSystemFont,"PingFang SC","Segoe UI",sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.link-button{cursor:pointer;border:1px solid #2f506c;border-radius:9px;padding:10px 17px;background:#173850;color:#e4f1ff;font-size:13px;display:inline-block}button:hover,.link-button:hover{filter:brightness(1.12)}button:disabled{opacity:.5;cursor:wait}.primary{background:linear-gradient(135deg,#10a0ff,#0875f4);border-color:#178fff;color:#fff;font-weight:650}.secondary{background:#183750}button:focus-visible,a:focus-visible,input:focus,select:focus,textarea:focus{outline:2px solid #58b5ff;outline-offset:3px}.portal-header{max-width:1120px;margin:auto;padding:22px 26px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff12}.logo{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:750;line-height:1.15;letter-spacing:-.8px}.logo small{display:block;font-size:10px;letter-spacing:2px;color:#91b0c9;margin-top:6px;font-weight:400}.logo-symbol{display:flex;align-items:center;justify-content:center;width:41px;height:41px;background:#ef3045;border-radius:50%;font-size:34px;color:#fff;box-shadow:0 0 30px #f02f4522}.header-actions{display:flex;gap:13px;align-items:center}.header-actions button{padding:5px 12px;font-size:20px}.mode-badge{background:#573f1f44;color:#edc890;font-size:10px;border:1px solid #81623a66;border-radius:30px;padding:5px 10px}.portal-main{max-width:1120px;margin:auto;padding:22px 26px 30px}.mode-notice{background:#a8862420;border:1px solid #a8862445;color:#ddc891;padding:10px 15px;border-radius:8px;font-size:11px;margin-bottom:20px}.view-heading{margin-bottom:20px}.view-heading:has(#page-title[hidden]){margin:0}.view-heading h1{font-size:27px;margin:14px 0 22px}.view-heading button{background:transparent;border:0;padding:0;color:#84afd0;font-size:12px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;padding:24px 25px 40px}.eyebrow{letter-spacing:3px;font-size:10px;color:#6ab9f5}.hero h1{font-size:clamp(34px,5vw,56px);line-height:1.25;letter-spacing:-1px;margin:22px 0}.hero p:not(.eyebrow){color:#a1bad0;font-size:15px}.hero .link-button{margin-top:10px;padding:12px 23px}.hero-orbit{height:270px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at 50% 65%,#126eac99 0,#12395055 38%,transparent 67%);border-bottom:2px solid #3499da66;border-radius:50%}.hero-orbit>span{font-size:130px;color:#ff5363;line-height:1;text-shadow:0 0 30px #ff46504a;transform:rotate(12deg)}.hero-orbit small{position:absolute;bottom:17px;font-size:10px;letter-spacing:4px;color:#6aa2c9}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:17px;border:1px solid #29445a;border-radius:10px;background:#0e253533}.how span{font-size:12px;color:#b1c8da}.how b{color:#4db5ff;margin-right:8px;font-size:11px}.section-title{font-size:18px;margin:32px 0 17px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-grid a{border:1px solid #2c4c67;background:linear-gradient(145deg,#173850,#10293e);border-radius:12px;padding:21px 18px;box-shadow:inset 0 1px 0 #ffffff05;transition:transform .15s}.service-grid a:hover{transform:translateY(-3px);border-color:#479bd4}.service-grid a>span{font-size:26px;display:block;margin-bottom:9px}.service-grid strong{display:block;font-size:14px;font-weight:600}.service-grid small{display:block;color:#89a9c3;font-size:10px;margin-top:5px}.home-note{padding:23px 0;color:#7e9bb2;font-size:11px;margin-top:20px}.home-note strong{font-size:12px;color:#a0bed4}.home-note p{max-width:760px;margin:8px 0}.panel{border:1px solid var(--line);border-radius:13px;background:linear-gradient(150deg,#102a40,#0c2234);padding:27px;min-width:0}h2{font-size:20px;margin:0 0 20px;line-height:1.5}h3{font-size:15px;margin:23px 0 8px}p{color:#a1bdd2}.content-grid{display:grid;grid-template-columns:1.25fr .8fr;gap:25px;align-items:start}label{display:block;font-size:12px;color:#aac5da;margin-bottom:18px}input,select,textarea{display:block;margin-top:7px;width:100%;padding:12px;background:#061b2c;border:1px solid #2c4b65;border-radius:8px;color:var(--ink);font-size:13px}input::placeholder,textarea::placeholder{color:#5f809a}input[type=hidden]{display:none}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.energy-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:-5px 0 20px}.energy-choices button{padding:12px 5px;font-size:17px;background:#153b5a;border-color:#376082;font-weight:650}.energy-choices small{display:block;font-size:9px;font-weight:400;color:#8eb2ce}.energy-choices button.selected{border-color:#1f9fff;background:#124e7b}.quote{padding:16px 0;border-top:1px solid #2b465c;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#94b4ce;font-size:12px}.quote strong{font-size:25px;color:#71c1ff}.panel form>.primary,form>.primary{width:100%}.hint{font-size:10px;color:#6f95af;line-height:1.8}.help-card{font-size:12px;color:#8faec6}.help-card h2{font-size:16px}.help-card ol{padding-left:20px}.help-card li{margin:12px 0}.help-card a{color:#56b7ff}.section-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:8px 0 20px}.section-bar h2{margin:0}.section-bar p{font-size:11px;margin:6px 0 0}.section-bar button,.section-bar a{white-space:nowrap}.info-strip{background:#0b456433;border:1px solid #2b5b7744;border-radius:8px;padding:12px 16px;color:#90b7d1;font-size:11px;margin:17px 0 23px}.wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.wallet-card{border:1px solid #2b4c66;background:linear-gradient(145deg,#15344d,#0c2336);border-radius:12px;padding:22px}.wallet-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.wallet-heading strong{font-size:15px}.pill{font-size:9px;padding:3px 8px;background:#1c4260;color:#9ac4e2;border:1px solid #2f5877;border-radius:20px;white-space:nowrap}.address{font:12px/1.8 ui-monospace,monospace;overflow-wrap:anywhere;color:#a5c4db}.wallet-card p{margin:8px 0;font-size:11px}.wallet-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.wallet-actions button{padding:7px 12px;font-size:11px}.wallet-actions button.danger{background:#5c2636;border-color:#954150;color:#ffc1c5}.resource-result{background:#0a1c2b;border-radius:7px;padding:11px;margin-top:12px;color:#8bb9d7;font-size:11px}.stack{display:grid;gap:13px}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.plan-card{padding:24px 20px;border:1px solid #315573;border-radius:12px;background:linear-gradient(145deg,#1a3c58,#0d263c)}.plan-card h3{margin:0 0 16px;font-size:19px}.plan-price{display:inline-block;color:#fff;background:#e7465b;border-radius:6px;padding:5px 10px;font-size:16px;font-weight:650}.plan-card p{font-size:11px;margin:12px 0}.plan-card button{width:100%;margin-top:12px}.package-card{border:1px solid var(--line);background:#112e44;border-radius:12px;padding:23px}.package-card h3{margin:0 0 7px}.package-count{font-size:28px;color:#7ce3b3;font-weight:650}.package-card p{margin:8px 0;font-size:11px}.order-card{padding:20px;border:1px solid var(--line);border-radius:11px;background:#10283c;display:grid;grid-template-columns:1fr auto;gap:12px}.order-card h3{margin:0 0 6px;font-size:13px}.order-card p{font-size:11px;margin:4px 0}.order-card .order-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.order-card button{font-size:11px;padding:7px 12px}.status{color:#f0cd8d;font-size:10px}.status.done{color:#8bb7d8}.search{margin:0;width:250px}.search input{margin:0;font-size:11px;padding:9px 12px}.receipt{max-width:620px;margin:auto}.receipt h2{text-align:center;margin:12px 0}.receipt-icon{display:block;text-align:center;font-size:38px;color:#68b6f1}.receipt>p{text-align:center;font-size:12px}.receipt dl{margin:24px 0}.receipt dl>div{display:grid;grid-template-columns:100px 1fr;gap:20px;border-bottom:1px solid #29485f;padding:12px 0;font-size:12px}.receipt dt{color:#7e9fb8}.receipt dd{margin:0;overflow-wrap:anywhere}.receipt .receipt-actions{display:flex;gap:10px;flex-wrap:wrap}.profile{text-align:center;max-width:700px;margin:0 auto 22px}.avatar{display:flex;margin:auto auto 18px;width:70px;height:70px;border-radius:50%;background:#204d6b;align-items:center;justify-content:center;font-size:35px}.profile h2{margin:0 0 8px}.profile p{font-size:11px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #2e4e67;margin-top:25px;padding-top:22px}.profile-stats b{display:block;font-size:25px;color:#79caff}.profile-stats span{font-size:10px;color:#8aa8bf}.profile-links{max-width:700px;margin:auto;display:grid;gap:8px}.profile-links a{padding:16px 20px;border:1px solid var(--line);border-radius:9px;background:#112c41;font-size:12px;display:flex;justify-content:space-between}.profile-links span{color:#7096b1}.empty{padding:50px 25px;text-align:center;color:#779bb6;border:1px dashed #2c4d66;border-radius:12px}.empty>span{font-size:35px}.empty h2{margin:12px 0}.empty p{font-size:12px}.bottom-nav{max-width:1068px;margin:20px auto 0;display:flex;justify-content:space-around;border-top:1px solid #28465c;padding:15px 0;background:#081c2c}.bottom-nav a{display:flex;flex-direction:column;align-items:center;color:#678ea9;font-size:24px;line-height:1.3;min-width:70px}.bottom-nav span{font-size:10px;margin-top:4px}.bottom-nav a[aria-current=page]{color:#4bb6ff}footer{max-width:1068px;margin:0 auto;padding:20px 0 28px;font-size:9px;color:#496d88;display:flex;justify-content:space-between}footer a{color:#6b91ab}dialog{padding:26px;color:var(--ink);background:#0e2a40;border:1px solid #365976;border-radius:15px;width:min(92vw,500px);max-height:90dvh;overflow:auto}dialog::backdrop{background:#020a12c9;backdrop-filter:blur(4px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.modal-heading h2{font-size:19px;margin:0}.modal-heading>button{padding:3px 10px;font-size:22px;background:transparent;border:0;color:#84abc6}#message{position:fixed;left:50%;transform:translateX(-50%);bottom:90px;z-index:100;max-width:90vw;background:#1a5984;border:1px solid #4c99cd;color:#eef8ff;padding:13px 20px;font-size:12px;border-radius:9px;box-shadow:0 8px 30px #0008}.confirm-summary{background:#0a1d2e;padding:16px;border-radius:8px;font-size:12px;margin-bottom:17px}.confirm-summary p{margin:7px 0}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}[hidden]{display:none!important}@media(max-width:800px){.portal-header{padding:18px 19px}.portal-main{padding:16px 18px 30px}.logo{font-size:21px}.logo-symbol{height:35px;width:35px;font-size:29px}.mode-notice{font-size:10px;padding:10px 12px}.hero{grid-template-columns:1fr .8fr;padding:10px 2px 27px;gap:12px}.hero h1{font-size:33px}.hero p:not(.eyebrow){font-size:11px}.hero-orbit{height:175px}.hero-orbit>span{font-size:90px}.hero-orbit small{font-size:7px;letter-spacing:1px}.eyebrow{font-size:8px;letter-spacing:1px}.hero .link-button{font-size:11px;padding:10px 15px}.how{gap:8px;padding:13px 10px}.how span{font-size:9px}.how b{display:block;font-size:10px;margin-bottom:3px}.section-title{font-size:16px;margin-top:25px}.service-grid{grid-template-columns:1fr 1fr;gap:11px}.service-grid a{padding:17px}.service-grid a>span{font-size:23px}.service-grid strong{font-size:13px}.service-grid small{font-size:9px}.content-grid{grid-template-columns:1fr;gap:18px}.panel{padding:21px}.help-card h2{font-size:15px}.wallet-grid{grid-template-columns:1fr}.section-bar{gap:12px;align-items:flex-start;flex-wrap:wrap}.section-bar h2{font-size:18px}.section-bar button,.section-bar .link-button{font-size:11px;padding:9px 12px}.plan-grid{grid-template-columns:1fr 1fr;gap:12px}.plan-card{padding:18px 15px}.plan-card h3{font-size:16px}.plan-price{font-size:14px}.plan-card button{font-size:11px;padding:9px 5px}.wallet-card{padding:20px}.order-card{grid-template-columns:1fr}.order-card .order-actions{justify-content:flex-start}.search{width:100%}.bottom-nav{position:sticky;bottom:0;margin:0;z-index:20;padding:10px 0 calc(10px + env(safe-area-inset-bottom));background:#0a2134f5;border-top:1px solid #345572;backdrop-filter:blur(12px)}.bottom-nav a{font-size:22px}.bottom-nav span{font-size:9px}footer{padding:18px}.receipt dl>div{grid-template-columns:82px 1fr;gap:13px;font-size:11px}.field-grid{gap:12px}.energy-choices button{font-size:15px}.view-heading h1{font-size:23px}h2{font-size:18px}.profile-stats b{font-size:23px}.hint{font-size:10px}dialog{padding:22px}.hero-orbit{min-width:0}}
.button-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.button-row button,.button-row .link-button{padding:8px 12px;font-size:11px}.button-row .danger{background:#5c2636;border-color:#954150;color:#ffc1c5}.order-card{display:block}.order-card .section-bar{margin:0 0 12px}.wallet-card h3{margin:0}.wallet-card .section-bar{margin:0 0 12px}.energy-choices button.active{border-color:#1f9fff;background:#124e7b}.bottom-nav a.active{color:#4bb6ff}.receipt dl{display:grid;grid-template-columns:100px 1fr;gap:14px 16px}.receipt dt,.receipt dd{border-bottom:1px solid #29485f;padding-bottom:10px}.plan-card h2{font-size:17px;overflow-wrap:anywhere}.plan-card .plan-price{font-size:16px}@media(max-width:480px){.receipt dl{grid-template-columns:75px 1fr;gap:12px;font-size:11px}.field-grid{grid-template-columns:1fr}.energy-choices{gap:6px}.plan-card h2{font-size:15px}}

.dialog-error{color:#ffc1c5;background:#5c2636;border:1px solid #954150;border-radius:7px;padding:10px;font-size:12px}
@media(max-width:480px){.hero{grid-template-columns:minmax(0,1.65fr) minmax(0,.7fr);gap:8px}.hero h1{font-size:30px}.hero-orbit{height:155px}.hero-orbit>span{font-size:72px}.hero-orbit small{font-size:6px;letter-spacing:1px}}