@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');:root{color-scheme:dark;--bg:#0a0d18;--sidebar:#101526;--card:#151b2e;--line:#29344c;--muted:#9caac3;--text:#f3f6ff;--blue:#4e78ff;--purple:#3d8cff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px "Plus Jakarta Sans",system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}.app{display:flex;min-height:100vh}.sidebar{width:255px;background:var(--sidebar);border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:30px 18px;z-index:20}.brand{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:900;letter-spacing:-1px;padding:4px 12px 40px}.brand img{max-height:40px;max-width:70px}.brand b{color:#6eb4ff}.navlabel{font-size:10px;color:#7786a6;letter-spacing:1.8px;font-weight:800;margin:15px 12px 13px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{padding:14px 15px;border-radius:10px;color:#aab7d0;font-weight:600;display:flex;gap:14px;align-items:center}.sidebar nav a span{font-size:19px;width:20px}.sidebar nav a.active,.sidebar nav a:hover{color:#fff;background:#202b49}.sidebar nav a.active{box-shadow:inset 3px 0 #6784ff}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:20px 12px 0;color:#c9d4ec;font-size:12px}.sidebar-bottom small{display:block;color:#7c8eaa;margin-top:8px}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#45d3a1;margin-right:5px}.main{margin-left:255px;min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 42px}.top-domain{color:#9eaac4;font-size:13px}.slash{color:#53617c;padding:0 10px}.top-actions{display:flex;align-items:center;gap:10px}#mini-balance{font-weight:800;margin-right:9px}.icon-btn{background:none;border:0;color:white;font-size:23px;display:none}.btn{border-radius:10px;padding:13px 19px;display:inline-flex;align-items:center;justify-content:center;font-weight:750;border:1px solid #465a83;white-space:nowrap}.btn.primary{border-color:transparent;background:linear-gradient(110deg,#477aff,#3d9bff);color:white}.btn.outline{background:#19233b;color:#dce5fc}.btn.small{padding:10px 14px;font-size:12px}.btn.full{width:100%}.btn:hover{filter:brightness(1.12)}.content{max-width:1320px;width:100%;margin:0 auto;padding:52px 44px 90px;flex:1}.page-heading{margin-bottom:30px}.page-heading h1{font-size:clamp(32px,4vw,48px);margin:10px 0}.page-heading p,.hero p,.tile p,.auth-card>p{color:var(--muted);line-height:1.8}.eyebrow{font-size:11px;letter-spacing:2px;color:#8ec4ff;font-weight:800}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:42px;align-items:center;padding:42px 0 85px}.hero h1{font-size:clamp(37px,4.6vw,65px);line-height:1.12;letter-spacing:-2px;margin:22px 0}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#6494ff,#4eb0ff);background-clip:text;color:transparent}.hero p{max-width:570px;font-size:16px}.action-row{display:flex;gap:12px;margin:30px 0}.spec-row{display:flex;flex-wrap:wrap;gap:30px;margin-top:38px}.spec-row div{display:flex;flex-direction:column;gap:6px}.spec-row b{font-size:19px}.spec-row small{color:#8d9bb8}.hero-art{height:320px;background:radial-gradient(circle at 65% 40%,#34549a 0,#192a54 35%,#111b35 80%);border:1px solid #3b4c74;border-radius:18px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 30px 80px #050914}.art-top{position:absolute;top:0;left:0;right:0;padding:16px 20px;background:#10182b;border-radius:18px 18px 0 0;color:#e5a7b6;font-size:10px;letter-spacing:4px}.art-top span{color:#9eaccb;letter-spacing:1px;float:right}.window-logo{font-size:88px;color:#91b4ff;text-shadow:0 0 30px #577eff}.hero-art strong{text-align:center;line-height:1.6;font-size:18px}.art-tag{position:absolute;bottom:18px;right:20px;font-size:11px;color:#98e6d2}.section-heading{margin:25px 0}.section-heading h2{font-size:29px}.feature-grid,.pricing-grid,.contact-grid,.account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tile{border:1px solid var(--line);background:linear-gradient(155deg,#182139,#111829);border-radius:16px;padding:27px;min-width:0}.tile h3{margin:0 0 12px;font-size:18px}.tile p{font-size:13px}.tile-icon{font-size:26px;color:#6eb6ff}.plan-price{font-size:35px;font-weight:850;margin:23px 0 6px}.plan ul{list-style:none;padding:15px 0;margin:15px 0 22px;border-top:1px solid var(--line);line-height:2.5;color:#b9c6e2}.hint{font-size:12px;color:#8f9bb3;line-height:1.7;margin-top:16px}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:780px}.contact:hover{border-color:#7183ff}.auth-page{display:flex;justify-content:center}.auth-card{width:min(100%,470px);border:1px solid var(--line);border-radius:20px;background:#141b2e;padding:38px}.auth-card h1{font-size:32px;margin-bottom:10px}.auth-card form{margin-top:25px}.auth-card label,.deposit-create label{display:block;color:#b9c6e0;font-size:12px;font-weight:650;margin:18px 0}.auth-card input,.deposit-create input,.deposit-create select{display:block;width:100%;background:#0f1628;border:1px solid #34435f;border-radius:10px;padding:14px;color:#fff;margin-top:9px;outline:none}.auth-card input:focus,.deposit-create input:focus,.deposit-create select:focus{border-color:#718dff}.cf-turnstile{margin:18px 0}.form-result{color:#b9d8ff;font-size:12px;line-height:1.7}.switch-auth{text-align:center;color:#aeb9d0}.switch-auth a{color:#7ec4ff;font-weight:700}.account-grid{grid-template-columns:1.2fr 1fr 1fr}.balance-card{border:1px solid #3d78d6;border-radius:16px;background:linear-gradient(140deg,#1e3670,#12356e);padding:28px;display:flex;flex-direction:column;gap:12px}.balance-card>span{color:#c2ccff;font-size:11px;letter-spacing:1px}.balance-card strong{font-size:42px}.balance-card small{color:#b7c4e9}.balance-card .btn{margin-top:auto}.deposit-layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:20px;align-items:start}.deposit-create h3,.payment-card h3{font-size:18px}.payment-header{display:flex;justify-content:space-between;align-items:start;gap:15px}.payment-header p{font-size:12px;margin:4px 0 20px}.status{font-size:11px;border-radius:100px;padding:9px 12px;white-space:nowrap}.status.waiting{color:#ffcf82;background:#4c3b21}.status.success{color:#7ff1bc;background:#1c4939}.payment-info{display:grid;grid-template-columns:190px 1fr;gap:24px;margin:25px 0}.qr-frame{background:#fff;padding:9px;border-radius:9px;align-self:start}.qr-frame img{width:100%;display:block}.payment-fields{display:flex;flex-direction:column;gap:16px;min-width:0}.payment-fields>div{min-width:0}.payment-fields small{display:block;color:#99a7c0;margin-bottom:7px}.payment-fields strong{display:block;background:#0d1423;border-radius:8px;padding:12px;overflow-wrap:anywhere}.address-line{display:flex;background:#0d1423;border-radius:8px;align-items:center;gap:8px;padding:8px}.address-line code{flex:1;min-width:0;overflow-wrap:anywhere;font-size:12px}.copy-btn{border:1px solid #4e648c;border-radius:7px;background:#263453;color:#fff;padding:8px}.history-row{padding:18px 4px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.history-row>div{display:flex;flex-direction:column;gap:8px}.history-row>div:last-child{text-align:right}.history-row small{color:#9eacc6}.history-row strong{overflow-wrap:anywhere}footer{padding:25px 44px;border-top:1px solid var(--line);color:#7d8da9;display:flex;justify-content:space-between;font-size:12px}.shade{display:none}@media(max-width:1100px){.hero{grid-template-columns:1fr}.hero-art{max-width:640px}.feature-grid,.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.shade.visible{display:block;position:fixed;inset:0;background:#0009;z-index:15}.main{margin-left:0}.icon-btn{display:block}.topbar{padding:0 18px}.content{padding:30px 20px 65px}.top-domain{display:none}.deposit-layout,.account-grid,.feature-grid,.pricing-grid,.contact-grid{grid-template-columns:1fr}.hero{padding:20px 0 50px}.payment-info{grid-template-columns:1fr}.qr-frame{max-width:210px}.top-actions{gap:6px}.top-actions .btn.small{font-size:11px;padding:9px}.hero h1{letter-spacing:-1px}footer{padding:22px;gap:10px;flex-direction:column}}
/* Iris RDP v4 */
.brand{padding:4px 4px 30px}.brand img{display:block!important;max-width:185px;width:100%;max-height:75px;object-fit:contain;object-position:left center}.hero-art{overflow:hidden;background:radial-gradient(circle at 50% 50%,#17397a 0%,#0e1933 65%,#0d1425 100%)}.mascot{width:min(95%,380px);height:94%;object-fit:contain;filter:drop-shadow(0 16px 25px #020a2490);margin-top:35px}.benefit-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px;max-width:600px}.benefit-strip span{border:1px solid #2b3c5c;background:#111b30;border-radius:11px;padding:13px 15px;color:#c7d8f8;font-size:12px;line-height:1.5}.section-subtitle{color:var(--muted);margin-bottom:22px}.home-pricing{margin:20px 0 48px}.home-pricing .tile{border-color:#394e80}.toast-region{position:fixed;right:22px;top:20px;z-index:1000;display:flex;flex-direction:column;gap:10px;width:min(390px,calc(100vw - 32px));pointer-events:none}.toast{padding:16px 18px;border-radius:12px;box-shadow:0 14px 40px #0008;border:1px solid;line-height:1.5;font-weight:600;animation:toast-in .25s ease}.toast-success{background:#123c2b;border-color:#2e9b68;color:#c9ffe3}.toast-error{background:#481c27;border-color:#dc5267;color:#ffe1e7}.toast-info{background:#1a2e52;border-color:#587be3;color:#e2eaff}@keyframes toast-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.benefit-strip{grid-template-columns:1fr}.brand img{max-width:165px}}

#admin-link{display:block;padding:13px 20px;color:#c9d6ff;text-decoration:none;border-radius:10px;margin:8px;}#admin-link[hidden]{display:none}.admin-search{display:flex;gap:12px;flex-wrap:wrap}.admin-search input{flex:1;min-width:200px}.admin-users{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.admin-panel label{display:block;margin:12px 0}.admin-panel input,.admin-panel select{display:block;width:100%;max-width:520px;margin-top:6px}#admin-edit{border-top:1px solid #33415e;padding-top:20px}

.hero-art{height:auto;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0;overflow:visible}
.mascot{width:min(100%,560px);height:auto;max-height:none;margin-top:0;object-fit:contain}

@keyframes iris-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
.mascot{animation:iris-float 3.2s ease-in-out infinite}

/* panel */
:root{--blue:#3d8cff}
.btn.primary{background:#3d8cff;background-image:none}
.hero h1 em{background:none;-webkit-text-fill-color:#3d8cff;color:#3d8cff}
.sidebar{padding:18px 12px 16px}
.brand{padding:4px 8px 18px}
.navlabel{margin:14px 12px 6px}
.sidebar nav{gap:2px}
.sidebar nav a{padding:10px 12px;gap:10px;border-radius:8px}
.sidebar nav a.active{background:#15233d;box-shadow:inset 3px 0 #3d8cff}
.nav-ico{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.rdp-dot{width:8px;height:8px;border-radius:50%;background:#45d3a1;margin-left:auto;box-shadow:0 0 0 3px #45d3a133}
#admin-link{display:flex;align-items:center;gap:10px;margin:4px 0 0;padding:10px 12px}
.topbar{height:64px}
.top-domain{color:#f3f6ff;font-weight:700;font-size:16px}
.balance-pill{display:inline-flex;align-items:center;gap:10px;border:1px solid #2a446e;background:#121c33;border-radius:999px;padding:4px 4px 4px 14px;font-weight:800}
.balance-pill #mini-balance{margin:0}
.pill-action{background:#3d8cff;color:#fff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}
.content{padding:28px 36px 64px}
.page-heading{margin-bottom:18px}
.page-heading h1{font-size:clamp(28px,3vw,36px);letter-spacing:-.6px}
.tile{background:#141b2e}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.panel-head h1{font-size:clamp(28px,3vw,40px);letter-spacing:-1px;margin:6px 0}
.panel-head p{color:var(--muted);margin:0}
.mascot-panel{width:180px;height:auto;margin:0;animation-duration:2.6s}
.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:8px 0 14px}
.stat{display:flex;flex-direction:column;gap:8px;min-height:132px}
.stat>span{color:#8ea0bf;font-size:12px;letter-spacing:.4px}
.stat strong{font-size:30px;letter-spacing:-.5px}
.stat a,.stat small{color:#9ec4ff;font-size:13px}
.panel-session-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
.panel-session-top h3{margin:0}
.panel-rdp-body{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.panel-clock{font-size:28px;letter-spacing:1px}
.spec-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.spec-chips span{border:1px solid #2b3c5c;background:#111b30;border-radius:999px;padding:6px 11px;color:#c7d8f8;font-size:12px}
#guest-home .hero{padding-bottom:36px}
#guest-home .hero h1{font-size:clamp(28px,3vw,44px);line-height:1.18;letter-spacing:-.8px;margin:14px 0 18px}
#guest-home .hero h1 em{display:block;white-space:nowrap}
@media(max-width:800px){#guest-home .hero h1 em{white-space:normal}}
.home-divider{height:2px;margin:8px 0 42px;border-radius:999px;background:linear-gradient(90deg,transparent 0%,rgba(236,242,255,.82) 12%,rgba(236,242,255,.82) 88%,transparent 100%)}
.nav-progress{position:fixed;top:0;left:0;height:3px;width:100%;z-index:3000;pointer-events:none;overflow:hidden}
.nav-progress::before{content:'';display:block;height:100%;width:0;background:#8ec4ff;box-shadow:0 0 12px #3d8cff}
.nav-progress.run::before{animation:nav-load .48s cubic-bezier(.15,.8,.25,1) forwards}
@keyframes nav-load{0%{width:0;opacity:1}60%{width:74%}100%{width:100%;opacity:1}}
.nav-progress.done::before{width:100%;animation:nav-fade .22s ease forwards}
@keyframes nav-fade{to{opacity:0}}
.page-leave{animation:page-leave .22s ease forwards}
@keyframes page-leave{to{opacity:0;transform:translateY(10px)}}
.page-enter{animation:page-enter .36s ease}
@keyframes page-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.main:has(.auth-screen:not([hidden])) footer{display:none}
.main:has(.auth-screen:not([hidden])) .content{max-width:none;width:100%;margin:0;padding:0;display:flex}
.auth-screen:not([hidden]){display:grid;grid-template-columns:1.05fr .95fr;width:100%;min-height:calc(100vh - 64px)}
.auth-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:48px 40px;background:radial-gradient(circle at 50% 42%,#17356e 0%,#0d1528 58%,#0b101c 100%);border-right:1px solid #24324c}
.auth-mascot{width:min(78%,340px);height:auto;margin:0 0 8px;animation:none}
.auth-brand strong{font-size:28px;letter-spacing:-.6px}
.auth-brand p{max-width:320px;margin:0;color:#9eb0cc;line-height:1.6}
.auth-panel{display:flex;align-items:center;justify-content:center;padding:48px 40px;background:#0b101c}
.auth-form{width:min(100%,420px)}
.auth-form h1{margin:0 0 8px;font-size:34px;letter-spacing:-.8px}
.auth-lead{margin:0 0 8px;color:#9eb0cc;line-height:1.6}
.auth-form label{display:block;color:#c5d2ea;font-size:13px;font-weight:650;margin:16px 0 0}
.auth-form input{display:block;width:100%;background:#121a2c;border:1px solid #31425f;border-radius:12px;padding:15px 14px;color:#fff;margin-top:8px;outline:none}
.auth-form input:focus{border-color:#3d8cff}
.auth-form .cf-turnstile{display:flex !important;justify-content:center;width:100%;margin:20px 0 8px}
.auth-form .cf-turnstile > div{margin-left:auto !important;margin-right:auto !important}
.auth-form .btn{margin-top:8px;height:48px}
.auth-form .switch-auth{text-align:center;margin:16px 0 0;color:#aeb9d0}
.auth-form .switch-auth a{color:#8ec4ff;font-weight:700}
.main:has(.contact-screen:not([hidden])) footer{display:none}
.main:has(.contact-screen:not([hidden])) .content{max-width:none;width:100%;margin:0;padding:0;display:flex}
.contact-screen:not([hidden]){display:grid;grid-template-columns:1.05fr .95fr;width:100%;min-height:calc(100vh - 64px)}
.contact-intro{display:flex;flex-direction:column;justify-content:center;padding:72px 64px;background:radial-gradient(circle at 30% 45%,#17356e 0%,#0d1528 55%,#0b101c 100%);border-right:1px solid #24324c}
.contact-intro h1{margin:12px 0 14px;font-size:clamp(36px,4vw,56px);letter-spacing:-1.4px;line-height:1.05;max-width:520px}
.contact-intro p{max-width:420px;margin:0;color:#9eb0cc;font-size:16px;line-height:1.7}
.contact-list{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:64px 56px;background:#0b101c}
.contact-row{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:16px;padding:22px 22px;border:1px solid #2a3b58;border-radius:16px;background:#121a2c}
.contact-row:hover{border-color:#3d8cff;background:#15233d}
.contact-mark{width:52px;height:52px;border-radius:14px;background:#1a3f86;display:flex;align-items:center;justify-content:center}
.contact-mark svg{width:26px;height:26px;fill:#d7e7ff}
.contact-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.contact-copy strong{font-size:18px}
.contact-copy small{color:#9eb0cc;font-size:13px}
.contact-go{color:#8ec4ff;font-weight:700;font-size:14px}
@media(max-width:900px){.contact-screen:not([hidden]){grid-template-columns:1fr}.contact-intro,.contact-list{padding:32px 20px}.contact-go{display:none}}

@media(max-width:900px){.auth-screen:not([hidden]){grid-template-columns:1fr}.auth-brand{display:none}.auth-panel{padding:32px 20px}}


.modal{position:fixed;inset:0;z-index:4000;background:#050914cc;display:flex;align-items:center;justify-content:center;padding:20px}
.modal-card{width:min(100%,420px);background:#141b2e;border:1px solid #2a3b58;border-radius:18px;padding:24px}
.modal-card h2{margin:0 0 8px;font-size:22px}
.modal-card p{margin:0;color:#b7c4de;line-height:1.6}
.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}

.rdp-page{width:min(100%,760px);margin:8px auto 0}
.rdp-list{display:flex;flex-direction:column;gap:16px}
.rdp-card{border:1px solid #2a3b58;background:#121a2c;border-radius:20px;padding:22px}
.rdp-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.rdp-top h2{margin:0;font-size:22px}
.rdp-status{font-size:12px;font-weight:600;border-radius:999px;padding:6px 10px}
.rdp-status.on{color:#9ff0c8;background:#143528}
.rdp-status.off{color:#c5d0e4;background:#1c2436}
.rdp-clock{display:block;margin:14px 0 16px;font-size:34px;letter-spacing:-.5px;font-weight:600}
.rdp-actions{margin-bottom:16px}
.rdp-creds{display:flex;flex-direction:column;border-top:1px solid #24324c}
.rdp-cred{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #24324c}
.rdp-cred:last-child{border-bottom:0}
.rdp-cred span{color:#9eb0cc;font-size:13px}
.rdp-cred code{font-family:ui-monospace,Consolas,monospace;font-size:14px;overflow-wrap:anywhere}
@media(max-width:700px){.rdp-cred{grid-template-columns:1fr auto}.rdp-cred span{grid-column:1 / -1}}

body:not(.booted) .app{opacity:0}
body.booted .app{animation:iris-boot .45s cubic-bezier(.16,.84,.32,1)}
@keyframes iris-boot{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){body.booted .app{animation:none}}
.profile{width:min(100%,640px);margin:12px auto 0;display:flex;flex-direction:column;gap:14px}
.profile-card{border:1px solid #2a3b58;background:#121a2c;border-radius:20px;padding:28px 28px 22px}
.profile-head{display:flex;align-items:center;gap:16px}
.profile-avatar{width:64px;height:64px;border-radius:50%;background:#1a3f86;color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;flex:none}
.profile-head h1{margin:0;font-size:26px;letter-spacing:-.4px}
.profile-head p{margin:4px 0 0;color:#9eb0cc}
.profile-balance{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding-top:20px;border-top:1px solid #24324c}
.profile-balance span{color:#9eb0cc;font-size:13px}
.profile-balance strong{display:block;font-size:34px;letter-spacing:-1px;line-height:1.1;margin-top:4px}
.profile-links{display:flex;flex-direction:column;border:1px solid #2a3b58;border-radius:20px;overflow:hidden;background:#121a2c}
.profile-links a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 22px;border-bottom:1px solid #24324c}
.profile-links a:last-child{border-bottom:0}
.profile-links a:hover{background:#15233d}
.profile-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.profile-text strong{font-size:15px;font-weight:700}
.profile-text small{color:#9eb0cc;font-size:13px;line-height:1.4}
.profile-chevron{color:#8ec4ff;font-size:18px;line-height:1}
@media(max-width:700px){.profile-balance{flex-direction:column;align-items:flex-start}}

html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body,button,input,select{font-family:"Plus Jakarta Sans",system-ui,sans-serif}
h1,h2,h3,h4,strong,b,.btn,.plan-price,.plan-card .plan-price,.profile-balance strong,.balance-card strong,.auth-brand strong,.contact-copy strong,.profile-text strong{font-weight:600;letter-spacing:-.03em}
.navlabel,.eyebrow,.plan-kicker,.plan-badge,.btn{font-weight:600}
.sidebar nav a,.top-domain,.balance-pill,.pill-action{font-weight:500}
.plan-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.page{display:none!important}
html[data-route="home"] .page[data-view="home"],
html[data-route="comprar"] .page[data-view="comprar"],
html[data-route="cuenta"] .page[data-view="cuenta"],
html[data-route="historial"] .page[data-view="historial"],
html[data-route="mi-rdp"] .page[data-view="mi-rdp"],
html[data-route="admin"] .page[data-view="admin"]{display:block!important}
html[data-route="contacto"] .page[data-view="contacto"],
html[data-route="login"] .page[data-view="login"],
html[data-route="registro"] .page[data-view="registro"],
html[data-route="depositar"] .page[data-view="depositar"]{display:grid!important}

.plan-card{display:flex;flex-direction:column;border:1px solid #31425f;background:#141b2e;border-radius:18px;padding:26px 24px 22px;min-height:460px}
.plan-card.featured{border-color:#3d8cff;background:linear-gradient(180deg,#1a3670 0%,#141b2e 46%);box-shadow:0 18px 50px #071225}
.plan-badge{align-self:flex-start;background:#3d8cff;color:#fff;font-size:11px;font-weight:800;letter-spacing:.3px;border-radius:999px;padding:5px 10px;margin-bottom:12px}
.plan-kicker{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:#8ec4ff;font-weight:800}
.plan-card h3{margin:8px 0 0;font-size:30px;letter-spacing:-.6px}
.plan-card .plan-price{margin:18px 0 0;font-size:46px;font-weight:800;letter-spacing:-1.5px;line-height:1}
.plan-card .per{margin:8px 0 0;color:#9eb0cc;font-size:13px}
.plan-card ul{list-style:none;padding:18px 0 0;margin:18px 0 22px;border-top:1px solid #2c3b58;display:flex;flex-direction:column;gap:11px}
.plan-card li{color:#e4ecfb;font-size:14px;display:flex;gap:10px;align-items:center}
.plan-card li::before{content:'';width:7px;height:7px;border-radius:50%;background:#3d8cff;flex:none}
.plan-card .btn{margin-top:auto}
@media(max-width:800px){
  .top-domain{display:block}
  .stat-grid{grid-template-columns:1fr}
  .mascot-panel{width:120px}
  .plan-list{grid-template-columns:1fr}
  .plan-card{min-height:0}
  .balance-pill{padding-left:10px}
  .pill-action{display:none}
}

.main:has(.deposit-screen:not([hidden])) footer{display:none}
.main:has(.deposit-screen:not([hidden])) .content{max-width:none;width:100%;margin:0;padding:0;display:flex}
.deposit-screen:not([hidden]){display:grid;grid-template-columns:1fr 1fr;width:100%;height:calc(100vh - 64px);min-height:0;overflow:hidden}
.deposit-intro{min-height:0;overflow:auto}
.deposit-box .payment-header p{margin:4px 0 12px}
.deposit-box .payment-info{display:grid;grid-template-columns:132px 1fr;gap:14px;margin:12px 0}
.deposit-box .qr-frame{max-width:132px}
.deposit-box .payment-fields{gap:10px}
.deposit-box .payment-fields strong{padding:10px}
.deposit-intro{display:flex;flex-direction:column;justify-content:center;padding:72px 64px;background:radial-gradient(circle at 28% 42%,#17356e 0%,#0d1528 55%,#0b101c 100%);border-right:1px solid #24324c}
.deposit-intro h1{margin:12px 0 14px;font-size:clamp(36px,4vw,54px);letter-spacing:-1.4px;line-height:1.05;max-width:520px}
.deposit-intro p{max-width:440px;margin:0 0 22px;color:#9eb0cc;font-size:16px;line-height:1.7}
.deposit-intro ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;max-width:420px;counter-reset:step}
.deposit-intro li{counter-increment:step;color:#d5e2f6;padding-left:36px;position:relative;line-height:1.45}
.deposit-intro li::before{content:counter(step);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:#1a3f86;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.deposit-work{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:14px;min-height:0;overflow-y:auto;padding:28px 36px;background:#0b101c}
.deposit-box{width:100%;border:1px solid #2a3b58;border-radius:16px;background:#121a2c;padding:22px}
.deposit-box h2,.deposit-box h3{margin:0 0 8px}
.deposit-box label{display:block;color:#c5d2ea;font-size:13px;font-weight:650;margin:14px 0 0}
.deposit-box input,.deposit-box select{display:block;width:100%;background:#0f1628;border:1px solid #31425f;border-radius:12px;padding:14px;color:#fff;margin-top:8px;outline:none}
.deposit-box select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#9eb0cc 50%),linear-gradient(135deg,#9eb0cc 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.deposit-box input:focus,.deposit-box select:focus{border-color:#3d8cff}
.deposit-min{color:#9eb0cc;font-size:13px;margin:12px 0}
.deposit-box .payment-info{display:grid;grid-template-columns:150px 1fr;gap:16px}
@media(max-width:900px){.deposit-screen:not([hidden]){grid-template-columns:1fr}.deposit-intro,.deposit-work{padding:28px 18px}.deposit-box .payment-info{grid-template-columns:1fr}}