@layer reset, base, components, pages, responsive, theme;
@layer reset{*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p,pre{margin:0}button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}}
@layer base{
:root{--bg0:#06101e;--bg1:#0a1830;--bg2:#11163a;--glass:rgba(255,255,255,.075);--glass2:rgba(255,255,255,.115);--soft:rgba(255,255,255,.045);--line:rgba(255,255,255,.13);--line2:rgba(255,255,255,.075);--text:#f5f8ff;--text2:#b7c4d9;--muted:#7e8da8;--blue:#0a84ff;--cyan:#64d2ff;--violet:#bf5af2;--green:#30d158;--orange:#ff9f0a;--pink:#ff375f;--red:#ff453a;--shadow:0 25px 75px rgba(0,0,0,.3);--r:24px;--container:1240px}
body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 8% 2%,rgba(10,132,255,.34),transparent 29rem),radial-gradient(circle at 92% 10%,rgba(191,90,242,.25),transparent 32rem),radial-gradient(circle at 70% 75%,rgba(90,200,250,.14),transparent 30rem),linear-gradient(145deg,var(--bg0),var(--bg1) 48%,var(--bg2));background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",Inter,sans-serif;line-height:1.55;letter-spacing:-.01em;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.025),transparent 30%,rgba(255,255,255,.018) 62%,transparent),repeating-linear-gradient(90deg,transparent 0 96px,rgba(255,255,255,.013) 97px);mask-image:linear-gradient(#000,transparent 88%)}body.modal-open{overflow:hidden}main{min-height:calc(100vh - 180px)}.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.hidden{display:none!important}.mono{font-family:"SFMono-Regular","Cascadia Code",Consolas,monospace;letter-spacing:-.025em}.mobile-only-break{display:none}.text-success{color:#65e78a!important}.text-warning{color:#ffc15a!important}.text-danger{color:#ff7581!important}
.ambient{position:fixed;z-index:-2;width:34rem;height:34rem;border-radius:50%;filter:blur(115px);opacity:.17;pointer-events:none;animation:float 16s ease-in-out infinite alternate}.ambient-one{top:18%;left:-18rem;background:var(--blue)}.ambient-two{top:44%;right:-19rem;background:var(--violet);animation-delay:-7s}@keyframes float{to{transform:translate3d(2rem,-2rem,0) scale(1.08)}}}
@layer components{
.announcement-ticker{position:sticky;top:84px;z-index:75;padding:3px 0 7px}.announcement-track{min-height:38px;display:flex;align-items:center;gap:12px;padding:6px 13px;border:1px solid rgba(100,210,255,.2);border-radius:15px;background:rgba(9,25,47,.82);box-shadow:0 12px 35px rgba(0,0,0,.2);backdrop-filter:blur(24px)}.announcement-label{flex:none;padding:3px 8px;border-radius:999px;color:#041524;background:linear-gradient(135deg,#c8f5ff,#64d2ff);font-size:9px;font-weight:850}.announcement-window{min-width:0;overflow:hidden;flex:1}.announcement-window p{width:max-content;min-width:100%;display:flex;gap:18px;align-items:center;animation:announcement-scroll 22s linear infinite;white-space:nowrap}.announcement-window strong{color:#fff;font-size:11px}.announcement-window span{color:var(--text2);font-size:11px}@keyframes announcement-scroll{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}
.topbar{position:sticky;top:0;z-index:80;padding:14px 0 8px;background:linear-gradient(rgba(4,12,24,.72),transparent)}.topbar-inner{min-height:62px;display:flex;align-items:center;gap:22px;padding:9px 12px 9px 16px;border:1px solid var(--line);border-radius:25px;background:rgba(12,24,46,.58);box-shadow:0 16px 45px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.13);backdrop-filter:blur(30px) saturate(155%);-webkit-backdrop-filter:blur(30px) saturate(155%)}
.brand{display:flex;align-items:center;gap:11px;min-width:176px}.brand-mark{width:39px;height:39px;padding:8px;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:3px;border-radius:13px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(145deg,rgba(100,210,255,.34),rgba(10,132,255,.22),rgba(191,90,242,.24));box-shadow:inset 0 1px rgba(255,255,255,.34),0 8px 22px rgba(10,132,255,.22)}.brand-mark span{display:block;border-radius:5px;background:linear-gradient(#d9f7ff,#55c9ff 55%,#0a84ff)}.brand-mark span:nth-child(1){height:44%}.brand-mark span:nth-child(2){height:90%}.brand-mark span:nth-child(3){height:65%}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:17px;font-weight:760}.brand-copy small{margin-top:5px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.nav-links{display:flex;align-items:center;gap:3px;flex:1}.nav-links a{padding:9px 14px;border-radius:999px;color:var(--text2);font-size:14px;font-weight:620;transition:.22s}.nav-links a:hover,.nav-links a.active{color:#fff;background:rgba(255,255,255,.09);box-shadow:inset 0 1px rgba(255,255,255,.12)}.nav-actions{display:flex;align-items:center;gap:8px}.nav-actions form{margin:0}.user-chip{display:flex;align-items:center;gap:8px;min-height:38px;padding:4px 10px 4px 4px;border:1px solid var(--line2);border-radius:999px;color:var(--text2);background:var(--soft);font-size:13px}.user-chip:hover{color:#fff;border-color:var(--line)}.user-chip i{color:var(--muted);font-size:18px;font-style:normal}.user-avatar{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(145deg,rgba(100,210,255,.48),rgba(10,132,255,.42),rgba(191,90,242,.35));border:1px solid rgba(255,255,255,.22);font-size:12px;font-weight:800}.nav-toggle{display:none;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:13px;background:var(--glass)}.nav-toggle span{display:block;width:16px;height:2px;margin:4px auto;border-radius:2px;background:#fff;transition:.2s}.nav-toggle.open span:first-child{transform:translateY(3px) rotate(45deg)}.nav-toggle.open span:last-child{transform:translateY(-3px) rotate(-45deg)}
.btn{appearance:none;min-height:44px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:999px;cursor:pointer;font-size:14px;font-weight:720;transition:.18s}.btn:hover{transform:translateY(-1px) scale(1.01)}.btn:active{transform:scale(.975)}.btn:disabled{opacity:.48;cursor:wait;transform:none}.btn-small{min-height:36px;padding-inline:14px;font-size:12px}.btn-large{min-height:52px;padding-inline:25px}.btn-block{width:100%}.btn-primary{color:#02111e;background:linear-gradient(135deg,#b9f1ff,#64d2ff 36%,#0a84ff);border-color:rgba(255,255,255,.35);box-shadow:inset 0 1px rgba(255,255,255,.7),0 12px 32px rgba(10,132,255,.28)}.btn-secondary{color:#eff9ff;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.065));border-color:var(--line);box-shadow:inset 0 1px rgba(255,255,255,.14)}.btn-ghost{color:var(--text2);background:rgba(255,255,255,.025);border-color:var(--line2)}.btn-light{color:#09203b;background:rgba(255,255,255,.91);border-color:#fff}.btn-icon{font-size:15px}.btn.is-loading::before,.icon-btn.is-loading::before{content:"";width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.glass-card,.panel,.metric-card,.feature-card,.cta-card{position:relative;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.045));box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.13);backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%)}.panel{padding:24px;border-radius:var(--r);overflow:hidden}.panel::before,.metric-card::before,.feature-card::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 30%,transparent 70%,rgba(100,210,255,.035));mask-image:linear-gradient(#000,transparent 62%)}.panel>*,.metric-card>*,.feature-card>*{position:relative;z-index:1}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.panel-head>div>span,.modal-head>span,.management-title>span{display:block;margin-bottom:5px;color:var(--cyan);font-size:10px;font-weight:820;letter-spacing:.16em;text-transform:uppercase}.panel-head h2{font-size:22px;line-height:1.2;letter-spacing:-.035em}.panel-head a{color:var(--cyan);font-size:12px;font-weight:700}.panel-lead{margin:-7px 0 18px;color:var(--text2);font-size:14px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#9be6ff;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.live-dot,.status-pulse,.freshness-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(48,209,88,.1),0 0 20px rgba(48,209,88,.58)}
.badge,.country-pill,.protocol-pill{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:0 10px;border:1px solid var(--line);border-radius:999px;font-size:10px;font-weight:780;white-space:nowrap}.badge-success{color:#8df0aa;border-color:rgba(48,209,88,.24);background:rgba(48,209,88,.1)}.badge-info{color:#9fe8ff;border-color:rgba(90,200,250,.25);background:rgba(90,200,250,.1)}.badge-warning{color:#ffd37d;border-color:rgba(255,159,10,.24);background:rgba(255,159,10,.1)}.badge-danger{color:#ff9a93;border-color:rgba(255,69,58,.25);background:rgba(255,69,58,.1)}.badge-muted{color:var(--text2);background:var(--soft)}.country-pill{min-width:38px;color:#b7eaff;border-color:rgba(90,200,250,.24);background:rgba(10,132,255,.13)}.protocol-pill{color:#d6c0ff;border-color:rgba(191,90,242,.23);background:rgba(191,90,242,.1)}
.page-heading{margin:44px 0 26px;display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.page-heading.compact{margin-top:10px}.page-heading h1{margin:8px 0 6px;font-size:clamp(32px,4vw,46px);line-height:1.08;letter-spacing:-.055em}.page-heading p{max-width:730px;color:var(--text2);font-size:15px}.page-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.metric-grid{display:grid;gap:14px;margin-bottom:18px}.metric-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{min-height:144px;padding:22px;border-radius:22px;overflow:hidden}.metric-card>span{display:block;color:var(--muted);font-size:12px;font-weight:650}.metric-card strong{display:block;margin:11px 0 8px;overflow:hidden;color:#fff;font-size:clamp(25px,2.5vw,33px);line-height:1;text-overflow:ellipsis;white-space:nowrap}.metric-card small{color:var(--muted);font-size:11px}.metric-email{font-size:18px!important}
.form-stack{display:grid;gap:16px}.form-stack label,.voucher-card label,.direct-url-field{display:grid;gap:7px;min-width:0}.form-stack label>span,.voucher-card label>span,.direct-url-field>span{color:var(--text2);font-size:12px;font-weight:720}.form-stack small,label small{color:var(--muted);font-size:11px}input,select,textarea{width:100%;min-height:48px;padding:0 15px;color:var(--text);border:1px solid var(--line);border-radius:15px;outline:none;background:rgba(3,12,27,.38);transition:.18s}textarea{min-height:92px;padding-block:13px;resize:vertical}input::placeholder,textarea::placeholder{color:#657590}input:focus,select:focus,textarea:focus{border-color:rgba(100,210,255,.55);background:rgba(8,24,47,.65);box-shadow:0 0 0 4px rgba(10,132,255,.1)}select{appearance:none;padding-right:38px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 21px,calc(100% - 13px) 21px;background-size:5px 5px;background-repeat:no-repeat}.field-grid{display:grid;gap:13px}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.input-shell{position:relative}.input-shell input{padding-right:65px}.input-action{position:absolute;top:50%;right:8px;min-height:33px;padding:0 10px;transform:translateY(-50%);border:0;border-radius:10px;color:var(--cyan);background:rgba(90,200,250,.09);cursor:pointer;font-size:11px;font-weight:760}.form-error{padding:12px 14px;color:#ffc0c5;border:1px solid rgba(255,69,58,.25);border-radius:14px;background:rgba(255,69,58,.1);font-size:12px}.notice-box,.privacy-note{padding:14px 16px;border:1px solid var(--line2);border-radius:16px;background:rgba(255,255,255,.035)}.notice-box span,.privacy-note span{color:#aedfff;font-size:11px;font-weight:780}.notice-box p,.privacy-note p{margin-top:4px;color:var(--muted);font-size:12px}
.table-wrap{width:100%;overflow:auto;border:1px solid var(--line2);border-radius:18px;background:rgba(2,10,23,.2)}.data-table{width:100%;border-collapse:collapse;min-width:780px}.data-table th{padding:13px 14px;color:var(--muted);border-bottom:1px solid var(--line);background:rgba(255,255,255,.035);font-size:10px;font-weight:760;letter-spacing:.04em;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td{padding:15px 14px;color:var(--text2);border-bottom:1px solid var(--line2);font-size:12px;vertical-align:middle}.data-table tbody tr{transition:.18s}.data-table tbody tr:hover{background:rgba(255,255,255,.035)}.data-table tbody tr:last-child td{border-bottom:0}.data-table td>strong,.data-table td>span{display:block;color:var(--text)}.data-table td>small{display:block;max-width:260px;margin-top:4px;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.table-actions,.inline-form,.limit-form,.dropdown-actions form{display:flex;align-items:center;gap:6px}.icon-btn{width:36px;height:36px;padding:0;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:12px;color:var(--text2);background:rgba(255,255,255,.05);cursor:pointer;font-size:12px;font-weight:800;transition:.18s}.icon-btn:hover{color:#fff;border-color:rgba(100,210,255,.35);background:rgba(100,210,255,.1);transform:translateY(-1px)}.icon-btn.danger:hover{color:#ffaaa4;border-color:rgba(255,69,58,.3);background:rgba(255,69,58,.1)}.icon-btn.is-loading{font-size:0}.mini-progress{width:105px;height:5px;margin-top:7px;overflow:hidden;border-radius:5px;background:rgba(255,255,255,.08)}.mini-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue))}.user-cell{display:flex;align-items:center;gap:10px}.user-cell p{min-width:0}.user-cell strong,.user-cell small{display:block}.user-cell strong em{margin-left:6px;color:var(--orange);font-size:8px;font-style:normal}.user-cell small{color:var(--muted)}.limit-form input,.inline-form input{width:60px;min-height:36px;padding-inline:8px;border-radius:11px}.limit-form label{display:grid;gap:2px;color:var(--muted);font-size:9px}.search-form{display:flex;align-items:center;gap:8px}.search-form input{width:230px}.search-form select{width:145px}
.modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;visibility:hidden;opacity:0;transition:.22s}.modal.open{visibility:visible;opacity:1}.modal-backdrop{position:absolute;inset:0;background:rgba(1,7,16,.62);backdrop-filter:blur(18px) saturate(120%)}.modal-card{position:relative;z-index:1;width:min(100%,560px);max-height:min(88vh,850px);overflow:auto;padding:30px;border:1px solid rgba(255,255,255,.2);border-radius:30px;background:linear-gradient(145deg,rgba(24,42,72,.9),rgba(8,20,40,.88));box-shadow:0 40px 120px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.2);backdrop-filter:blur(38px) saturate(155%);transform:translateY(22px) scale(.97);transition:transform .28s cubic-bezier(.2,.8,.2,1)}.modal.open .modal-card{transform:none}.modal-close{position:absolute;top:15px;right:15px;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;color:var(--text2);background:rgba(255,255,255,.075);cursor:pointer;font-size:19px}.modal-head{margin-bottom:22px}.modal-head h2{margin:4px 0 7px;font-size:29px;line-height:1.12;letter-spacing:-.045em}.modal-head p{color:var(--text2);font-size:13px}.modal-head.centered{text-align:center}.success-seal,.modal-orb,.confirm-symbol{width:62px;height:62px;margin:0 auto 16px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:21px;color:#061422;background:linear-gradient(145deg,#c9f6ff,#64d2ff 50%,#0a84ff);box-shadow:inset 0 1px rgba(255,255,255,.72),0 14px 34px rgba(10,132,255,.28);font-size:25px;font-weight:900}.modal-orb.violet{color:#fff;background:linear-gradient(145deg,#e7c4ff,#bf5af2 54%,#6c3de1)}.confirm-symbol{color:#fff;background:linear-gradient(145deg,#ffc7c2,#ff453a)}.confirm-card{width:min(100%,420px)}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.secret-card{width:min(100%,680px)}.secret-field{position:relative;display:grid;gap:7px;margin-bottom:13px}.secret-field>span{color:var(--text2);font-size:11px;font-weight:720}.secret-field input,.secret-field textarea{padding-right:80px}.secret-field>button{position:absolute;right:8px;bottom:8px;min-height:32px;padding:0 11px;border:0;border-radius:10px;color:var(--cyan);background:rgba(90,200,250,.1);cursor:pointer;font-size:11px;font-weight:760}.secret-field.featured textarea{min-height:108px;border-color:rgba(100,210,255,.34);background:rgba(10,132,255,.08)}.segmented-control,.code-tabs{display:inline-flex;gap:3px;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(2,10,23,.32)}.segmented-control button,.code-tabs button{min-height:34px;padding:0 15px;border:0;border-radius:999px;color:var(--muted);background:transparent;cursor:pointer;font-size:11px;font-weight:760}.segmented-control button.active,.code-tabs button.active{color:#061423;background:linear-gradient(135deg,#d3f8ff,#64d2ff);box-shadow:0 6px 18px rgba(10,132,255,.2)}.secret-protocol{display:flex;width:max-content;margin:-4px auto 16px}
.toast-stack{position:fixed;top:94px;right:22px;z-index:300;display:grid;gap:10px;pointer-events:none}.toast{min-width:260px;max-width:430px;padding:13px 16px;border:1px solid var(--line);border-radius:16px;color:#fff;background:rgba(22,39,67,.86);box-shadow:var(--shadow);backdrop-filter:blur(24px);opacity:0;transform:translateX(24px) scale(.96);transition:.25s;font-size:13px}.toast.show{opacity:1;transform:none}.toast-success{border-color:rgba(48,209,88,.26)}.toast-error,.toast-danger{border-color:rgba(255,69,58,.32)}.empty-state{min-height:260px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted);text-align:center}.empty-state h3{color:#fff;font-size:18px}.empty-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--line);border-radius:18px;background:var(--glass);color:var(--cyan);font-size:24px}.empty-compact{padding:24px;color:var(--muted);text-align:center}.pagination{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:13px;color:var(--muted);font-size:11px}.pagination a{padding:8px 13px;border:1px solid var(--line);border-radius:999px;color:var(--text2);background:var(--soft)}.footer{padding:70px 0 26px}.footer-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid var(--line2);color:var(--muted);font-size:11px}.footer-inner>div:first-child{display:flex;align-items:center;gap:12px}.footer-inner strong{color:var(--text2)}.footer-meta{display:flex;gap:18px}}
@layer pages{
.subscription-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.subscription-card{min-width:0;padding:16px;border:1px solid var(--line2);border-radius:20px;background:rgba(2,10,23,.22)}.subscription-card>div:first-child{display:flex;align-items:center;gap:10px;margin-bottom:12px}.subscription-card p{min-width:0}.subscription-card strong,.subscription-card small{display:block}.subscription-card small{color:var(--muted);font-size:10px}.subscription-card textarea{min-height:86px;resize:none;font:10px/1.55 "SFMono-Regular",Consolas,monospace}.subscription-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.subscription-security{margin-top:17px;padding:15px;display:flex;align-items:center;gap:18px;border:1px solid rgba(255,159,10,.18);border-radius:18px;background:rgba(255,159,10,.045)}.subscription-security>div{min-width:0;flex:1}.subscription-security strong,.subscription-security small{display:block}.subscription-security small{margin-top:3px;color:var(--muted);font-size:10px}.subscription-locked{min-height:350px;display:grid;place-items:center;align-content:center;gap:13px;text-align:center}.subscription-locked p{max-width:650px;color:var(--text2)}.subscription-locked>div:last-child{display:flex;gap:10px}.admin-setting-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.danger{color:#ff8b94!important}
.hero-section{padding:85px 0 74px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:68px;align-items:center}.hero-copy h1{margin:20px 0 23px;font-size:clamp(46px,5.7vw,75px);line-height:1.02;letter-spacing:-.065em}.hero-copy h1 span{color:transparent;background:linear-gradient(90deg,#c4f4ff,#64d2ff 33%,#5e9fff 68%,#d68aff);background-clip:text}.hero-copy>p{max-width:670px;color:var(--text2);font-size:17px;line-height:1.9}.hero-actions{margin-top:30px;display:flex;gap:11px}.trust-row{margin-top:22px;display:flex;gap:19px;color:var(--muted);font-size:11px}.hero-console{overflow:hidden;border-radius:30px;transform:perspective(1200px) rotateY(-2deg) rotateX(1deg)}.console-head{min-height:53px;padding:0 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line2);color:var(--muted);font-size:10px}.console-head em{margin-left:auto;color:#62ec94;font-style:normal}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:var(--pink)}.window-dots i:nth-child(2){background:var(--orange)}.window-dots i:nth-child(3){background:var(--green)}.hero-console pre{min-height:340px;padding:34px;overflow:auto;color:#dfeeff;background:rgba(1,9,22,.34);font:12px/1.8 "SFMono-Regular",Consolas,monospace}.code-key{color:#8bdcff}.code-string{color:#9aebbd}.code-number{color:#ffc878}.code-bool{color:#d59cff}.console-status{min-height:55px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line2);color:var(--text2);font-size:11px}.console-status span{display:flex;align-items:center;gap:9px}.console-status strong{color:#62ec94}
.section{padding:102px 0}.section-soft{border-block:1px solid var(--line2);background:linear-gradient(135deg,rgba(10,132,255,.055),rgba(191,90,242,.04))}.section-heading{max-width:720px;margin:0 auto 42px;text-align:center}.section-heading.align-left{margin:0;text-align:left}.section-heading>span{color:var(--cyan);font-size:10px;font-weight:820;letter-spacing:.16em;text-transform:uppercase}.section-heading h2{margin:10px 0 12px;font-size:clamp(31px,4vw,44px);line-height:1.12;letter-spacing:-.05em}.section-heading p{color:var(--text2);font-size:15px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{min-height:248px;padding:25px;overflow:hidden;border-radius:var(--r);transition:.22s}.feature-card:hover{transform:translateY(-5px);background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.06))}.feature-icon,.settings-icon{width:43px;height:43px;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.15);border-radius:14px;color:#fff;background:var(--glass);font-size:17px;font-weight:850}.cyan{background:linear-gradient(145deg,rgba(100,210,255,.35),rgba(10,132,255,.2))!important}.violet{background:linear-gradient(145deg,rgba(191,90,242,.4),rgba(94,64,220,.2))!important}.green{background:linear-gradient(145deg,rgba(48,209,88,.38),rgba(16,120,65,.2))!important}.blue{background:linear-gradient(145deg,rgba(10,132,255,.4),rgba(64,95,220,.2))!important}.orange{background:linear-gradient(145deg,rgba(255,159,10,.4),rgba(205,96,22,.2))!important}.pink{background:linear-gradient(145deg,rgba(255,55,95,.4),rgba(180,48,138,.2))!important}.feature-card h3{margin:20px 0 10px;font-size:19px}.feature-card p{color:var(--text2);font-size:13px;line-height:1.75}.feature-card>span{position:absolute;bottom:23px;color:var(--muted);font-size:9px;font-weight:780;letter-spacing:.12em;text-transform:uppercase}.subscription-offer-actions{margin-top:26px;display:flex;justify-content:center}.subscription-policy{margin-bottom:18px}.subscription-policy p span{color:var(--cyan)}.steps-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:center}.steps-list{display:grid;gap:12px}.step-item{padding:20px;display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:center;border:1px solid var(--line);border-radius:21px;background:var(--soft)}.step-item b{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;color:#082039;background:linear-gradient(145deg,#c4f4ff,#64d2ff)}.step-item h3{font-size:16px}.step-item p{color:var(--muted);font-size:12px}.cta-section{padding:35px 0}.cta-card{min-height:180px;padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;border-radius:30px;background:linear-gradient(125deg,rgba(10,132,255,.34),rgba(100,210,255,.16),rgba(191,90,242,.24))}.cta-card span{color:#c8eeff;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.cta-card h2{margin-top:7px;font-size:clamp(26px,3vw,38px);letter-spacing:-.045em}
.auth-section{min-height:calc(100vh - 160px);padding:54px 20px;display:grid;place-items:center}.auth-shell{width:min(100%,1030px);display:grid;grid-template-columns:.95fr 1.05fr;overflow:hidden;border:1px solid var(--line);border-radius:34px;background:var(--soft);box-shadow:var(--shadow);backdrop-filter:blur(30px)}.auth-aside{padding:52px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 10% 10%,rgba(100,210,255,.22),transparent 50%),linear-gradient(145deg,rgba(10,132,255,.13),rgba(191,90,242,.09))}.auth-aside h1{margin:20px 0 14px;font-size:43px;letter-spacing:-.055em}.auth-aside>p{color:var(--text2);font-size:15px}.auth-points{margin-top:30px;display:grid;gap:10px}.auth-points span{padding:12px 14px;border:1px solid var(--line2);border-radius:14px;color:var(--text2);background:var(--soft);font-size:12px}.auth-metric{margin-top:32px}.auth-metric strong{display:block;font-size:45px}.auth-metric span{color:var(--muted)}.auth-card{padding:46px;border:0;border-left:1px solid var(--line2);border-radius:0;background:rgba(5,16,34,.36);box-shadow:none}.auth-card-head{margin-bottom:24px}.auth-card-head>span{color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.auth-card-head h2{margin:7px 0 5px;font-size:31px}.auth-card-head p{color:var(--muted);font-size:12px}.auth-foot{margin-top:20px;color:var(--muted);text-align:center;font-size:12px}.auth-foot a{color:var(--cyan);font-weight:700}
.dashboard-section,.management-section{padding:12px 0 36px}.dashboard-grid{display:grid;gap:17px;margin-bottom:17px}.dashboard-grid.main-grid{grid-template-columns:minmax(0,1fr) 300px}.dashboard-grid.secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-wide{min-width:0}.quota-panel{display:flex;flex-direction:column}.quota-ring{--p:calc(var(--progress)*1%);width:164px;height:164px;margin:15px auto 22px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--cyan) var(--p),rgba(255,255,255,.07) 0);box-shadow:0 0 35px rgba(90,200,250,.12)}.quota-ring::before{content:"";width:134px;height:134px;border:1px solid var(--line2);border-radius:50%;background:rgba(7,20,40,.78)}.quota-ring>div{position:absolute;text-align:center}.quota-ring strong{display:block;font-size:28px}.quota-ring span{color:var(--muted);font-size:10px}.quota-legend{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.quota-legend div,.proxy-meta div{padding:12px;border:1px solid var(--line2);border-radius:14px;background:var(--soft)}.quota-legend span,.proxy-meta span{display:block;color:var(--muted);font-size:9px}.quota-legend strong,.proxy-meta strong{font-size:12px}.usage-bars{min-height:210px;display:flex;align-items:end;gap:8px;padding:18px 5px 0;border-bottom:1px solid var(--line2)}.usage-bar{flex:1;min-width:13px;height:175px;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px}.usage-bar span{width:100%;min-height:4px;max-height:145px;border-radius:6px 6px 2px 2px;background:linear-gradient(#91e8ff,#0a84ff)}.usage-bar small{color:var(--muted);font-size:8px}.proxy-meta{margin-top:15px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.proxy-meta strong{display:block;margin-top:4px;font-size:11px}.code-tabs{margin-bottom:10px}.code-block{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:rgba(0,8,20,.52)}.code-block pre{min-height:118px;padding:19px;overflow:auto;color:#d8ebff;font:11px/1.7 "SFMono-Regular",Consolas,monospace}.copy-btn{position:absolute;top:9px;right:9px;z-index:2;min-height:30px;padding:0 10px;border:1px solid var(--line);border-radius:10px;color:var(--text2);background:var(--glass);cursor:pointer;font-size:9px}.api-endpoints{margin-top:12px;display:grid;gap:5px}.api-endpoints>div{padding:9px 10px;display:grid;grid-template-columns:66px 1fr auto;gap:10px;align-items:center;border-radius:11px;background:rgba(255,255,255,.025)}.api-endpoints code{color:var(--cyan);font-size:8px}.api-endpoints span{font:10px "SFMono-Regular",monospace}.api-endpoints small{color:var(--muted);font-size:9px}
.quick-access-panel{min-height:420px}.quick-access-empty{min-height:190px;padding:24px;display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;border:1px dashed rgba(100,210,255,.23);border-radius:20px;background:rgba(10,132,255,.045)}.quick-access-empty strong{display:block;margin-bottom:5px}.quick-access-empty p{color:var(--muted);font-size:12px}.quick-access-session{display:grid;gap:14px}.quick-access-summary{padding:13px;display:flex;align-items:center;gap:12px;border:1px solid var(--line2);border-radius:17px;background:var(--soft)}.quick-access-summary>div{flex:1}.quick-access-summary strong,.quick-access-summary small{display:block}.quick-access-summary small{margin-top:3px;color:var(--muted);font-size:10px}.direct-url-field{padding:15px;border:1px solid rgba(100,210,255,.2);border-radius:18px;background:rgba(10,132,255,.055)}.direct-url-field textarea{min-height:94px;font:10px/1.55 "SFMono-Regular",Consolas,monospace}.direct-url-field>div{display:flex;gap:8px;justify-content:flex-end}.developer-examples{margin-top:15px;padding-top:14px;border-top:1px solid var(--line2)}.developer-examples summary{margin-bottom:12px;color:var(--text2);cursor:pointer;font-size:11px;font-weight:700}
.account-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:17px}.settings-list{overflow:hidden;border:1px solid var(--line2);border-radius:20px;background:rgba(2,10,23,.18)}.settings-row{width:100%;min-height:76px;padding:13px 15px;display:flex;align-items:center;gap:13px;border:0;border-bottom:1px solid var(--line2);color:inherit;background:transparent;text-align:left;cursor:pointer;transition:.18s}.settings-row:last-child{border-bottom:0}.settings-row:not(.static):hover{background:rgba(255,255,255,.05)}.settings-row.static{cursor:default}.settings-copy{min-width:0;flex:1}.settings-copy strong,.settings-copy small{display:block}.settings-copy small{margin-top:3px;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.settings-meta{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px}.settings-meta i{font-size:22px;font-style:normal}.privacy-note{margin-top:16px}.voucher-card{padding:15px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;border:1px solid var(--line2);border-radius:18px;background:rgba(2,10,23,.22)}.voucher-card input{font-family:"SFMono-Regular",monospace}.voucher-panel .notice-box{margin-top:13px}.redemption-list{margin-top:14px;display:grid;gap:7px}.redemption-list>div{padding:10px;display:flex;align-items:center;gap:10px;border:1px solid var(--line2);border-radius:14px;background:var(--soft)}.redemption-list .settings-icon{width:34px;height:34px;border-radius:11px}.redemption-list strong,.redemption-list small{display:block}.redemption-list small{color:var(--muted);font-size:10px}.account-modal-card{width:min(100%,530px)}
.management-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}.management-nav{position:sticky;top:93px;padding:13px}.management-title{padding:11px 11px 15px;border-bottom:1px solid var(--line2)}.management-title strong{font-size:18px}.management-nav nav{margin-top:10px;display:grid;gap:4px}.management-nav nav a{min-height:43px;padding:0 12px;display:flex;align-items:center;gap:10px;border-radius:14px;color:var(--muted);font-size:12px;font-weight:650;transition:.18s}.management-nav nav a i{width:20px;color:var(--cyan);font-style:normal;text-align:center}.management-nav nav a:hover{color:#fff;background:var(--soft)}.management-nav nav a.active{color:#fff;background:linear-gradient(135deg,rgba(100,210,255,.16),rgba(10,132,255,.12))}.management-content{min-width:0}.tunnel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tunnel-card{min-width:0;padding:14px;border:1px solid var(--line2);border-radius:17px;background:rgba(2,10,23,.2)}.tunnel-card>div:first-child{display:flex;align-items:center;gap:7px}.tunnel-card em{margin-left:auto;color:var(--muted);font-size:9px;font-style:normal}.tunnel-card p{margin:14px 0 5px;overflow:hidden;color:#fff;font-size:11px;text-overflow:ellipsis}.tunnel-card small{color:var(--muted);font-size:9px}.tunnel-card form{margin-top:13px;display:flex;gap:6px}.status-orb{width:7px;height:7px;border-radius:50%;background:#70809b}.status-orb.success{background:var(--green);box-shadow:0 0 12px rgba(48,209,88,.55)}.status-orb.warning,.status-orb.info{background:var(--orange)}.status-orb.danger{background:var(--red)}.tunnel-error{margin-top:9px;padding:7px;overflow:hidden;border-radius:9px;color:#ffaaa4;background:rgba(255,69,58,.075);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.compact-list,.audit-list{display:grid}.compact-list>div,.audit-list>div{min-height:58px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line2)}.compact-list>div:last-child,.audit-list>div:last-child{border-bottom:0}.compact-list p,.audit-list p{min-width:0;flex:1}.compact-list strong,.compact-list small,.audit-list strong,.audit-list small{display:block}.compact-list small,.audit-list small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.compact-list em,.audit-list em{color:var(--muted);font-size:9px;font-style:normal;white-space:nowrap}.audit-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;color:var(--cyan);background:rgba(10,132,255,.1);font-size:10px}.audit-timeline{display:grid}.audit-timeline article{position:relative;padding:0 0 22px 30px}.audit-timeline article::before{content:"";position:absolute;left:7px;top:14px;bottom:-3px;width:1px;background:var(--line)}.audit-timeline article:last-child::before{display:none}.timeline-dot{position:absolute;left:2px;top:7px;width:11px;height:11px;border:2px solid #10213b;border-radius:50%;background:var(--cyan)}.audit-title{display:flex;justify-content:space-between;gap:15px}.audit-title span{color:var(--muted);font-size:10px}.audit-timeline p{margin:5px 0 7px;color:var(--text2);font-size:12px}.audit-timeline footer{display:flex;gap:15px;color:var(--muted);font-size:9px}
.node-metric-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.node-metric-grid .metric-card{min-height:132px}.source-explainer{margin-bottom:17px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding-block:18px}.source-explainer strong{display:block;margin-bottom:3px}.source-explainer p{color:var(--muted);font-size:11px}.source-explainer>small{color:var(--muted);font-size:10px;white-space:nowrap}.node-filter-bar{margin-bottom:14px;display:grid;grid-template-columns:minmax(210px,1fr) 180px 150px 145px auto auto;gap:8px}.node-filter-bar input,.node-filter-bar select{min-height:42px}.search-control{position:relative}.search-control>span{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted)}.search-control input{padding-left:35px}.node-table td:first-child strong{display:inline;margin-left:6px}.freshness-dot{width:6px;height:6px;margin-right:5px}.worker-queue-panel{margin-top:17px}}
@layer responsive{
@media(max-width:1080px){.feature-grid{grid-template-columns:repeat(2,1fr)}.metric-grid.four{grid-template-columns:repeat(2,1fr)}.node-metric-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid.main-grid{grid-template-columns:1fr}.quota-panel{display:grid;grid-template-columns:1fr 180px 1fr;align-items:center;gap:15px}.quota-panel .panel-head{grid-column:1/-1}.management-layout{grid-template-columns:1fr}.management-nav{position:static}.management-nav nav{grid-template-columns:repeat(4,1fr)}.tunnel-grid{grid-template-columns:repeat(3,1fr)}.node-filter-bar{grid-template-columns:1fr 1fr 1fr}.account-layout{grid-template-columns:1fr}}
@media(max-width:820px){.topbar{padding-top:8px}.brand{min-width:0;flex:1}.brand-copy small{display:none}.nav-toggle{display:block;order:2}.nav-links{position:absolute;top:76px;left:20px;right:20px;padding:9px;display:grid;visibility:hidden;opacity:0;transform:translateY(-8px);border:1px solid var(--line);border-radius:20px;background:rgba(10,24,47,.94);box-shadow:var(--shadow);backdrop-filter:blur(28px);transition:.2s}.nav-links.open{visibility:visible;opacity:1;transform:none}.nav-actions{order:3}.user-chip>span:not(.user-avatar),.user-chip i{display:none}.user-chip{padding-right:4px}.hero-grid{grid-template-columns:1fr}.hero-console{transform:none}.steps-grid{grid-template-columns:1fr;gap:35px}.auth-shell{grid-template-columns:1fr}.auth-card{border-left:0;border-top:1px solid var(--line2)}.dashboard-grid.secondary-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.management-nav nav{grid-template-columns:repeat(3,1fr)}.tunnel-grid{grid-template-columns:repeat(2,1fr)}.quota-panel{display:block}.quick-access-empty{grid-template-columns:auto 1fr}.quick-access-empty .btn{grid-column:1/-1}.source-explainer{grid-template-columns:auto 1fr}.source-explainer>small{grid-column:2}}
@media(max-width:580px){.container{width:min(calc(100% - 22px),var(--container))}.topbar-inner{padding-left:11px}.nav-actions .btn-primary,.nav-actions .btn-ghost{display:none}.hero-copy h1{font-size:42px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.trust-row{display:grid;gap:7px}.mobile-only-break{display:block}.hero-console pre{min-height:290px;padding:21px;font-size:10px}.section{padding:76px 0}.feature-grid{grid-template-columns:1fr}.cta-card{padding:29px;align-items:flex-start;flex-direction:column}.auth-section{padding:25px 11px}.auth-aside{display:none}.auth-card{padding:28px 20px}.auth-shell{border-radius:27px}.field-grid.two{grid-template-columns:1fr}.metric-grid.four,.node-metric-grid{grid-template-columns:repeat(2,1fr)}.metric-card{min-height:118px;padding:17px}.metric-card strong{font-size:24px}.panel{padding:17px;border-radius:21px}.page-heading{margin-top:28px}.page-heading h1{font-size:32px}.page-actions{width:100%}.page-actions .btn{flex:1}.modal{padding:0;align-items:end}.modal-card{width:100%;max-height:92vh;padding:28px 18px 22px;border-radius:28px 28px 0 0;transform:translateY(100%)}.toast-stack{top:76px;left:11px;right:11px}.toast{min-width:0}.management-nav{padding:9px;overflow:auto}.management-title{display:none}.management-nav nav{display:flex;width:max-content;margin:0}.management-nav nav a{min-width:max-content}.tunnel-grid{grid-template-columns:1fr}.node-filter-bar{grid-template-columns:1fr}.search-form{width:100%;flex-wrap:wrap}.search-form input{width:100%;flex:1 0 100%}.voucher-card{grid-template-columns:1fr}.settings-copy small{max-width:185px}.settings-meta{font-size:0}.settings-meta i{font-size:20px}.quick-access-summary{align-items:flex-start;flex-wrap:wrap}.quick-access-summary .btn{width:100%}.direct-url-field>div{flex-direction:column}.api-endpoints>div{grid-template-columns:60px 1fr}.api-endpoints small{display:none}.footer-inner{align-items:flex-start;flex-direction:column}.footer-meta{flex-wrap:wrap}.audit-title,.audit-timeline footer{flex-direction:column;gap:3px}}
}
@layer components{
.dashboard-grid.secondary-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr);align-items:start}.quick-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:13px}.quick-link-card{min-width:0;padding:15px;display:grid;gap:12px;border:1px solid rgba(100,210,255,.2);border-radius:20px;background:linear-gradient(145deg,rgba(10,132,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.05)}.quick-link-card.country{border-color:rgba(191,90,242,.2);background:linear-gradient(145deg,rgba(191,90,242,.07),rgba(255,255,255,.025))}.quick-link-head{min-height:42px;display:flex;align-items:center;gap:10px}.quick-link-head>div{min-width:0;flex:1}.quick-link-head strong,.quick-link-head small{display:block}.quick-link-head small{margin-top:2px;color:var(--muted);font-size:10px}.quick-link-icon{width:36px;height:36px;display:grid;place-items:center;flex:none;border:1px solid rgba(100,210,255,.22);border-radius:12px;color:var(--cyan);background:rgba(10,132,255,.1);font-size:17px}.quick-link-card.country .quick-link-icon{color:#e2b8ff;border-color:rgba(191,90,242,.24);background:rgba(191,90,242,.1)}.quick-link-head select{width:auto;max-width:180px;min-height:36px;padding:0 31px 0 11px;border-radius:11px;font-size:10px;background-position:calc(100% - 15px) 16px,calc(100% - 10px) 16px}.quick-link-card textarea{min-height:104px;resize:none;border-radius:15px;background:rgba(1,8,21,.44);font:10px/1.55 "SFMono-Regular","Cascadia Code",Consolas,monospace;word-break:break-all}.quick-link-actions{display:flex;justify-content:flex-end;gap:8px}.secret-field-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.secret-field-title select{width:auto;min-height:34px;padding:0 31px 0 11px;border-radius:10px;font-size:10px;background-position:calc(100% - 15px) 15px,calc(100% - 10px) 15px}.secret-field.featured textarea{min-height:96px}.quick-access-panel{min-height:520px}
}
@layer responsive{
@media(max-width:1080px){.dashboard-grid.secondary-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}}
@media(max-width:820px){.dashboard-grid.secondary-grid{grid-template-columns:1fr}.quick-link-grid{grid-template-columns:1fr}.quick-link-card textarea{min-height:100px}.announcement-ticker{top:76px}.subscription-grid,.admin-setting-grid{grid-template-columns:1fr}}
@media(max-width:580px){.quick-link-head{align-items:flex-start;flex-wrap:wrap}.quick-link-head>select{width:100%;max-width:none}.quick-link-actions{flex-direction:column}.quick-link-actions .btn{width:100%}.secret-field-title{align-items:flex-start;flex-direction:column}.secret-field-title select{width:100%}.subscription-security{align-items:flex-start;flex-direction:column}.subscription-security .btn,.subscription-actions .btn{width:100%}.subscription-actions,.subscription-locked>div:last-child{width:100%;flex-direction:column}.announcement-label{display:none}}
}
@layer pages{.dashboard-grid.secondary-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr);align-items:start}}

@layer theme{
:root[data-theme="night"]{color-scheme:dark}
:root[data-theme="day"]{color-scheme:light;--bg0:#f7fbff;--bg1:#eef6ff;--bg2:#f6f0ff;--glass:rgba(255,255,255,.76);--glass2:rgba(255,255,255,.92);--soft:rgba(24,70,122,.055);--line:rgba(28,72,116,.17);--line2:rgba(28,72,116,.1);--text:#10243f;--text2:#405975;--muted:#70839a;--blue:#086ee8;--cyan:#087da8;--violet:#8248ce;--green:#1d9b4b;--orange:#c97100;--pink:#d82f62;--red:#d63b34;--shadow:0 24px 65px rgba(44,78,118,.14)}
.theme-indicator{min-height:36px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line2);border-radius:999px;color:var(--text2);background:var(--soft);font-size:11px;font-weight:720;white-space:nowrap}.theme-indicator i{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;color:#d8ecff;background:rgba(100,210,255,.12);font-size:12px;font-style:normal}.theme-indicator [data-theme-label]{line-height:1}
:root[data-theme="day"] body{background:radial-gradient(circle at 8% 2%,rgba(46,145,255,.2),transparent 29rem),radial-gradient(circle at 92% 10%,rgba(163,104,235,.14),transparent 32rem),radial-gradient(circle at 70% 75%,rgba(72,190,232,.13),transparent 30rem),linear-gradient(145deg,var(--bg0),var(--bg1) 48%,var(--bg2))}
:root[data-theme="day"] body::before{background:linear-gradient(115deg,rgba(255,255,255,.52),transparent 30%,rgba(255,255,255,.35) 62%,transparent),repeating-linear-gradient(90deg,transparent 0 96px,rgba(25,84,145,.025) 97px)}
:root[data-theme="day"] .ambient{opacity:.1;filter:blur(125px)}
:root[data-theme="day"] .theme-indicator{border-color:rgba(185,119,0,.2);color:#76520b;background:rgba(255,190,54,.13)}
:root[data-theme="day"] .theme-indicator i{color:#9b6600;background:rgba(255,183,35,.2)}
:root[data-theme="day"] .topbar{background:linear-gradient(rgba(244,249,255,.9),transparent)}
:root[data-theme="day"] .topbar-inner{background:rgba(255,255,255,.74);box-shadow:0 16px 45px rgba(48,81,119,.13),inset 0 1px rgba(255,255,255,.95)}
:root[data-theme="day"] .announcement-track{border-color:rgba(8,125,168,.18);background:rgba(255,255,255,.84);box-shadow:0 12px 35px rgba(47,81,120,.12)}
:root[data-theme="day"] .announcement-window strong{color:var(--text)}
:root[data-theme="day"] .nav-links a:hover,:root[data-theme="day"] .nav-links a.active{color:var(--text);background:rgba(8,110,232,.08);box-shadow:inset 0 1px rgba(255,255,255,.9)}
:root[data-theme="day"] .user-chip:hover{color:var(--text)}
:root[data-theme="day"] .nav-toggle span{background:var(--text)}
:root[data-theme="day"] .btn-secondary{color:#173b63;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(232,242,253,.86));box-shadow:inset 0 1px rgba(255,255,255,1),0 8px 22px rgba(48,84,127,.08)}
:root[data-theme="day"] .btn-ghost{color:var(--text2);background:rgba(255,255,255,.46)}
:root[data-theme="day"] .glass-card,:root[data-theme="day"] .panel,:root[data-theme="day"] .metric-card,:root[data-theme="day"] .feature-card,:root[data-theme="day"] .cta-card{background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(239,246,255,.7));box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.98)}
:root[data-theme="day"] .panel::before,:root[data-theme="day"] .metric-card::before,:root[data-theme="day"] .feature-card::before{background:linear-gradient(120deg,rgba(255,255,255,.62),transparent 30%,transparent 70%,rgba(8,125,168,.035))}
:root[data-theme="day"] .feature-card:hover{background:linear-gradient(145deg,#fff,rgba(229,241,255,.92));box-shadow:0 28px 65px rgba(37,84,134,.17)}

/* The subscription feature block has four equal cards on desktop. Keep the
   quota badge inside its icon instead of letting "50/300" overflow. */
.subscription-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.subscription-feature-grid .feature-card{min-width:0;padding-inline:22px}
.subscription-feature-grid .quota-icon{width:auto;min-width:43px;padding-inline:8px;font-size:12px;letter-spacing:-.04em;white-space:nowrap}
@media(max-width:1080px){.subscription-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.subscription-feature-grid{grid-template-columns:1fr}}
:root[data-theme="day"] .metric-card strong,:root[data-theme="day"] .empty-state h3,:root[data-theme="day"] .tunnel-card p{color:var(--text)}
:root[data-theme="day"] .eyebrow{color:#086d96}
:root[data-theme="day"] .text-success{color:#147c3a!important}:root[data-theme="day"] .text-warning{color:#995800!important}:root[data-theme="day"] .text-danger{color:#ba2d38!important}
:root[data-theme="day"] input,:root[data-theme="day"] select,:root[data-theme="day"] textarea{background:rgba(255,255,255,.82)}
:root[data-theme="day"] input::placeholder,:root[data-theme="day"] textarea::placeholder{color:#8998aa}
:root[data-theme="day"] input:focus,:root[data-theme="day"] select:focus,:root[data-theme="day"] textarea:focus{background:#fff;border-color:rgba(8,125,168,.48);box-shadow:0 0 0 4px rgba(8,110,232,.09)}
:root[data-theme="day"] .notice-box,:root[data-theme="day"] .privacy-note{background:rgba(255,255,255,.52)}
:root[data-theme="day"] .notice-box span,:root[data-theme="day"] .privacy-note span{color:#08739b}
:root[data-theme="day"] .form-error{color:#a52631;background:rgba(214,59,52,.07)}
:root[data-theme="day"] .table-wrap,:root[data-theme="day"] .settings-list,:root[data-theme="day"] .voucher-card,:root[data-theme="day"] .subscription-card,:root[data-theme="day"] .tunnel-card{background:rgba(255,255,255,.5)}
:root[data-theme="day"] .data-table th{background:rgba(30,90,150,.045)}
:root[data-theme="day"] .data-table tbody tr:hover,:root[data-theme="day"] .settings-row:not(.static):hover{background:rgba(8,110,232,.045)}
:root[data-theme="day"] .icon-btn{background:rgba(255,255,255,.6)}
:root[data-theme="day"] .icon-btn:hover{color:#086d96}
:root[data-theme="day"] .badge-success{color:#147c3a}:root[data-theme="day"] .badge-info{color:#086b8c}:root[data-theme="day"] .badge-warning{color:#955600}:root[data-theme="day"] .badge-danger{color:#b52935}
:root[data-theme="day"] .country-pill{color:#086b8c}:root[data-theme="day"] .protocol-pill{color:#6b35a8}
:root[data-theme="day"] .modal-backdrop{background:rgba(42,62,88,.34)}
:root[data-theme="day"] .modal-card{border-color:rgba(28,72,116,.16);background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(235,244,255,.95));box-shadow:0 40px 110px rgba(42,72,108,.28),inset 0 1px #fff}
:root[data-theme="day"] .modal-close{background:rgba(255,255,255,.72)}
:root[data-theme="day"] .segmented-control,:root[data-theme="day"] .code-tabs{background:rgba(235,244,253,.82)}
:root[data-theme="day"] .toast{color:var(--text);background:rgba(255,255,255,.94);box-shadow:0 20px 50px rgba(42,72,108,.2)}
:root[data-theme="day"] .section-soft{background:linear-gradient(135deg,rgba(8,110,232,.06),rgba(130,72,206,.045))}
:root[data-theme="day"] .hero-copy h1 span{background:linear-gradient(90deg,#087da8,#086ee8 58%,#8248ce);background-clip:text}
:root[data-theme="day"] .hero-console{color:#eaf4ff;border-color:rgba(21,59,101,.28);background:linear-gradient(145deg,rgba(17,38,67,.98),rgba(5,20,43,.96));box-shadow:0 30px 75px rgba(23,56,95,.27),inset 0 1px rgba(255,255,255,.12)}
:root[data-theme="day"] .hero-console .console-head,:root[data-theme="day"] .hero-console .console-status{color:#a9bdd5;border-color:rgba(255,255,255,.1)}
:root[data-theme="day"] .hero-console pre{background:rgba(1,9,22,.24)}
:root[data-theme="day"] .cta-card{background:linear-gradient(125deg,rgba(8,110,232,.17),rgba(100,210,255,.2),rgba(130,72,206,.13))}
:root[data-theme="day"] .cta-card span{color:#17658b}
:root[data-theme="day"] .auth-shell{background:rgba(255,255,255,.5)}
:root[data-theme="day"] .auth-aside{background:radial-gradient(circle at 10% 10%,rgba(100,210,255,.25),transparent 50%),linear-gradient(145deg,rgba(8,110,232,.08),rgba(130,72,206,.055))}
:root[data-theme="day"] .auth-card{background:rgba(255,255,255,.67)}
:root[data-theme="day"] .auth-points span{background:rgba(255,255,255,.54)}
:root[data-theme="day"] .quota-ring{background:conic-gradient(var(--cyan) var(--p),rgba(28,72,116,.09) 0)}
:root[data-theme="day"] .quota-ring::before{background:rgba(255,255,255,.9)}
:root[data-theme="day"] .code-block{background:rgba(7,24,48,.95)}
:root[data-theme="day"] .code-block pre{color:#d8ebff}
:root[data-theme="day"] .api-endpoints>div{background:rgba(8,110,232,.035)}
:root[data-theme="day"] .quick-access-empty{background:rgba(8,110,232,.035)}
:root[data-theme="day"] .quick-link-card{background:linear-gradient(145deg,rgba(8,110,232,.055),rgba(255,255,255,.72))}
:root[data-theme="day"] .quick-link-card.country{background:linear-gradient(145deg,rgba(130,72,206,.05),rgba(255,255,255,.72))}
:root[data-theme="day"] .quick-link-card textarea{background:rgba(255,255,255,.78)}
:root[data-theme="day"] .direct-url-field{background:rgba(8,110,232,.04)}
:root[data-theme="day"] .management-nav nav a:hover,:root[data-theme="day"] .management-nav nav a.active{color:var(--text)}
:root[data-theme="day"] .timeline-dot{border-color:#f5f9ff}
:root[data-theme="day"] .danger{color:#b52935!important}
:root[data-theme="day"] .tunnel-error{color:#a52631;background:rgba(214,59,52,.07)}
@media(max-width:1180px){.theme-indicator{width:36px;padding:0}.theme-indicator [data-theme-label]{display:none}}
@media(max-width:820px){:root[data-theme="day"] .nav-links{background:rgba(249,252,255,.97)}}
}
.registration-verification {
  display: grid;
  gap: 6px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: color-mix(in srgb, var(--surface) 88%, var(--accent) 12%);
}

.registration-verification small {
  color: var(--muted);
}

.registration-honeypot {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}