:root{color-scheme:light;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#102136;background:#f5f8fc;font-synthesis:none;--ink: #071827;--muted: #637387;--line: #dfe7f0;--navy: #061522;--navy-2: #0a2235;--blue: #1268f5;--cyan: #24c1e4;--green: #37c978;--surface: #ffffff;--shadow: 0 22px 60px rgba(11, 37, 64, .12)}.language-menu{position:relative;flex:0 0 auto}.language-trigger{min-width:82px;height:40px;display:grid;grid-template-columns:17px 1fr 14px;align-items:center;gap:7px;padding:0 11px;border:1px solid rgba(151,180,200,.28);border-radius:11px;color:inherit;background:#ffffff14;backdrop-filter:blur(15px);box-shadow:inset 0 1px #ffffff14}.language-trigger svg{width:16px;transition:transform .2s ease}.language-trigger svg:last-child{width:13px}.language-trigger svg.rotated{transform:rotate(180deg)}.language-trigger span{font-size:11px;font-weight:850;letter-spacing:.8px}.site-header.light .language-trigger{border-color:#d9e5ee;background:#ffffffeb;box-shadow:0 6px 18px #142f460f}.language-popover{position:absolute;z-index:120;top:calc(100% + 9px);right:0;width:210px;padding:9px;border:1px solid rgba(157,185,204,.28);border-radius:14px;color:#173047;background:#fffffff7;backdrop-filter:blur(24px);box-shadow:0 22px 55px #031b303d;animation:languageIn .16s ease-out}.language-title{display:block;padding:7px 9px 8px;color:#8293a2;font-size:9px;font-weight:850;letter-spacing:1.4px;text-transform:uppercase}.language-popover button{width:100%;min-height:43px;display:grid;grid-template-columns:31px 1fr 16px;align-items:center;gap:8px;padding:0 9px;border:0;border-radius:9px;color:#3f5568;background:transparent;text-align:left}.language-popover button:hover,.language-popover button[aria-checked=true]{color:#0f2b43;background:#edf5ff}.language-popover button b{color:var(--blue);font-size:10px}.language-popover button span{font-size:12px;font-weight:750}.language-popover button svg{width:15px;color:var(--green)}@keyframes languageIn{0%{opacity:0;transform:translateY(-5px) scale(.98)}}.portal-sidebar{overflow-y:auto;overscroll-behavior:contain}.admin-plan{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.admin-plan:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--green))}.admin-plan:hover{transform:translateY(-2px);box-shadow:0 16px 34px #122b4214}.admin-plan.disabled{opacity:.62;filter:saturate(.55)}.admin-plan .card-actions{display:flex;align-items:center;gap:7px;margin-top:18px;padding-top:14px;border-top:1px solid #edf1f5}.admin-plan .card-actions .danger-text{margin-left:auto}.gateway-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.user-ticket-list article{cursor:pointer}.user-ticket-list article.selected{outline:2px solid rgba(20,105,239,.3);background:#edf5ff}.customer-thread{margin-top:15px}.customer-thread .thread-messages{max-height:430px;margin:0 -22px}.customer-thread form{display:flex;gap:10px;margin-top:15px}.customer-thread form textarea{flex:1}.customer-thread form .button{align-self:flex-end}.gateway-card{display:flex;flex-direction:column;min-height:235px;padding:20px;border:1px solid #dfe7ee;border-radius:16px;background:linear-gradient(155deg,#fff,#f8fbfd)}.gateway-card header,.gateway-card header>div,.gateway-card footer{display:flex;align-items:center;gap:10px}.gateway-card header{justify-content:space-between}.gateway-card header>div>svg{width:34px;height:34px;padding:8px;color:var(--blue);border-radius:10px;background:#edf4ff}.gateway-card strong,.gateway-card small{display:block}.gateway-card small{margin-top:3px;color:#8795a2;font-size:8px}.gateway-card>p{flex:1;color:#65788a;font-size:10px;line-height:1.6}.gateway-meta{display:grid;gap:6px;padding:10px;border-radius:9px;background:#f0f5f8}.gateway-meta span{display:flex;justify-content:space-between;gap:10px;color:#82909c;font-size:8px}.gateway-meta b{max-width:65%;color:#334b5e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gateway-card footer{justify-content:space-between;margin-top:13px}.gateway-card footer>span{color:#8a98a5;font-size:8px}.report-cover{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding:22px;border-radius:17px;color:#fff;background:linear-gradient(130deg,#061b2b,#0b4160 58%,#0c675d);overflow:hidden}.report-cover img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.25))}.report-cover span{color:#57e7b0;font-size:8px;font-weight:850;letter-spacing:1.4px}.report-cover h2{margin:5px 0;font-size:22px}.report-cover p{margin:0;color:#a6c1cf;font-size:9px}.report-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:15px;margin:16px 0}.report-bars{display:grid;gap:10px}.report-bars>div{display:grid;grid-template-columns:40px 1fr 100px;gap:9px;align-items:center;font-size:8px}.report-bars i{height:9px;border-radius:9px;background:#edf2f6;overflow:hidden}.report-bars i b{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.report-bars strong{text-align:right;font-size:9px}.report-signoff{display:flex;align-items:center;gap:10px;margin-top:15px;padding:14px;border:1px solid #dfe8ee;border-radius:12px;color:#6b7d8c;background:#fff;font-size:9px}.report-signoff svg{flex:0 0 auto;color:var(--green)}@media(max-width:1050px){.gateway-grid{grid-template-columns:repeat(2,1fr)}.report-grid{grid-template-columns:1fr}}@media(max-width:620px){.gateway-grid{grid-template-columns:1fr}.report-bars>div{grid-template-columns:34px 1fr 80px}.report-cover{align-items:flex-start}.report-cover h2{font-size:18px}}@media print{.portal-sidebar,.portal-header,.report-page>.page-header .page-actions{display:none!important}.portal-shell,.portal-main{display:block!important;min-height:0!important}.portal-content{padding:0!important}.report-page{color:#14293a;background:#fff}.report-page>.page-header{display:none}.report-cover{print-color-adjust:exact;-webkit-print-color-adjust:exact}.data-panel,.metric-card,.report-cover{break-inside:avoid;box-shadow:none!important}}.portal-nav{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#284455 transparent}.portal-nav::-webkit-scrollbar{width:5px}.portal-nav::-webkit-scrollbar-thumb{border-radius:10px;background:#284455}.theme-toggle{border:0;background:#eef3f7;cursor:pointer}.release-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.button.danger{color:#fff;background:#d9465a;box-shadow:none}.button.danger:hover{background:#bd3347}.portal-shell.theme-dark{color:#dce8f1;background:#07131d}.portal-shell.theme-dark .portal-main,.portal-shell.theme-dark .portal-content{background:#07131d}.portal-shell.theme-dark .portal-header,.portal-shell.theme-dark .data-panel,.portal-shell.theme-dark .metric-card,.portal-shell.theme-dark .server-card,.portal-shell.theme-dark .admin-plan,.portal-shell.theme-dark .access-card,.portal-shell.theme-dark .settings-list>div,.portal-shell.theme-dark .ticket-thread{color:#dce8f1;border-color:#203544;background:#0c1d29}.portal-shell.theme-dark h1,.portal-shell.theme-dark h2,.portal-shell.theme-dark h3,.portal-shell.theme-dark strong,.portal-shell.theme-dark .breadcrumb b{color:#f5fbff}.portal-shell.theme-dark p,.portal-shell.theme-dark small,.portal-shell.theme-dark .breadcrumb{color:#8fa6b6}.portal-shell.theme-dark input,.portal-shell.theme-dark select,.portal-shell.theme-dark textarea{color:#eaf4fb;border-color:#28404f;background:#071720}.portal-shell.theme-dark table th{color:#8199aa;background:#102430}.portal-shell.theme-dark table td{border-color:#203440}.portal-shell.theme-dark .toolbar,.portal-shell.theme-dark .session-summary,.portal-shell.theme-dark .secret-notice{border-color:#203544;background:#0c1d29}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#f5f8fc}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,h4,p{margin-top:0}svg{flex:0 0 auto}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-shell{min-height:100vh;overflow:hidden;background:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:45px;padding:0 19px;border:1px solid var(--blue);border-radius:12px;background:var(--blue);color:#fff;font-weight:750;box-shadow:0 9px 24px #1268f533;transition:.2s ease}.button:hover{transform:translateY(-1px);background:#075ce4}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button.small{min-height:39px;padding:0 14px;border-radius:10px;font-size:13px}.button.large{min-height:53px;padding:0 23px}.button.full{width:100%}.button.ghost{background:#ffffff0f;border-color:#ffffff40;box-shadow:none}.button.ghost:hover{background:#ffffff1f}.button.ghost-dark{background:#fff;color:#263b52;border-color:#d9e2ec;box-shadow:none}.button.light{background:#fff;color:#0b2539;border-color:#fff}.text-button,.text-link{display:inline-flex;align-items:center;gap:7px;color:#173b5e;font-weight:750}.text-link{color:var(--blue)}.icon-button{display:inline-grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:11px;background:transparent;color:#273c51}.icon-button.bordered{border:1px solid var(--line);background:#fff}.site-header{position:absolute;z-index:30;width:100%;border-bottom:1px solid rgba(255,255,255,.1);color:#fff}.site-nav{height:82px;display:flex;align-items:center;gap:38px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:850;letter-spacing:-.5px}.brand img{width:39px;height:39px;object-fit:contain;border-radius:50%}.brand>span>span{color:var(--cyan)}.nav-links{display:flex;align-items:center;gap:28px;margin:0 auto}.nav-links a{position:relative;color:#ffffffb8;font-size:14px;font-weight:650}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-links a.active:after{content:"";position:absolute;left:25%;right:25%;bottom:-13px;height:2px;border-radius:2px;background:var(--cyan)}.nav-actions{display:flex;align-items:center;gap:19px}.nav-actions .text-button{color:#fff;font-size:14px}.mobile-menu{display:none;margin-left:auto;color:#fff}.site-header.light{color:var(--ink);background:#fffffff5;border-bottom-color:#e4eaf0;backdrop-filter:blur(14px)}.site-header.light .nav-links a{color:#607284}.site-header.light .nav-links a:hover,.site-header.light .nav-links a.active{color:#0c2539}.site-header.light .nav-actions .text-button,.site-header.light .mobile-menu{color:#173b5e}.hero{position:relative;min-height:820px;padding:156px 0 84px;color:#fff;background:radial-gradient(circle at 82% 28%,#164b72 0,transparent 34%),linear-gradient(124deg,#04121e 8%,#08243a 56%,#071827);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to right,black,transparent 85%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px)}.hero-orb.one{width:420px;height:420px;right:-220px;bottom:-70px;background:#24c1e41f}.hero-orb.two{width:220px;height:220px;left:-130px;top:180px;background:#1268f530}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:74px}.hero-copy{min-width:0;padding-top:20px}.eyebrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:inherit;gap:9px;margin-bottom:24px;color:#99adbf;font-size:12px;text-transform:uppercase;letter-spacing:1.5px}.eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #37c97824}.eyebrow b{color:#fff}.hero h1{margin-bottom:24px;font-size:clamp(54px,6.2vw,84px);line-height:.99;letter-spacing:-4.5px}.hero h1 em{color:var(--cyan);font-style:normal}.hero-copy>p{max-width:620px;color:#aabccc;font-size:18px;line-height:1.75}.hero-actions{display:flex;gap:13px;margin:33px 0 30px}.hero-proof{display:flex;flex-wrap:wrap;gap:18px;color:#b9cad8;font-size:12px}.hero-proof span{display:flex;align-items:center;gap:7px}.hero-proof svg{width:16px;color:var(--cyan)}.product-scene{position:relative;min-height:555px;display:grid;place-items:center}.scene-glow{position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(32,190,228,.25),transparent 65%)}.phone-card{position:relative;z-index:3;width:300px;min-height:535px;padding:22px 20px;border:1px solid rgba(255,255,255,.18);border-radius:42px;background:linear-gradient(160deg,#0f2d42fa,#051522fa);box-shadow:0 44px 90px #00000061,inset 0 0 0 7px #ffffff06;transform:rotate(2deg)}.phone-top{display:flex;align-items:center;gap:8px;font-weight:800}.phone-top img{width:25px;height:25px;border-radius:50%}.phone-top i{width:7px;height:7px;margin-left:auto;border-radius:50%;background:var(--green)}.connection-ring{width:196px;height:196px;display:grid;place-items:center;margin:37px auto 25px;border:1px solid rgba(35,193,227,.4);border-radius:50%;box-shadow:0 0 0 14px #23c1e30a,0 0 0 30px #23c1e306}.connection-ring>div{width:137px;height:137px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#177bda,#19b8cf);box-shadow:0 18px 45px #008cd259}.connection-ring b{font-size:18px}.connection-ring span{color:#ffffffb3;font-size:10px}.selected-server{display:flex;align-items:center;gap:11px;padding:14px;border-radius:15px;background:#ffffff0e}.selected-server .flag-dot{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#143652;color:var(--cyan);font-size:10px;font-weight:800}.selected-server div:nth-child(2){flex:1}.selected-server span,.selected-server strong{display:block}.selected-server span{color:#7990a4;font-size:9px;text-transform:uppercase}.selected-server strong{margin-top:3px;font-size:11px}.phone-card>button{width:100%;min-height:47px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:15px;border:0;border-radius:14px;background:var(--green);color:#042015;font-weight:850}.session-meta{display:flex;justify-content:space-around;margin-top:18px;color:#c9d8e3;font-size:11px;text-align:center}.session-meta span{display:flex;flex-direction:column;gap:3px}.session-meta small{color:#657d91;font-size:8px;letter-spacing:1px}.network-card{position:absolute;z-index:4;width:175px;padding:15px;border:1px solid rgba(255,255,255,.13);border-radius:16px;color:#adc1d1;background:#071c2dd9;backdrop-filter:blur(12px);box-shadow:0 18px 45px #00000038}.network-card svg{width:18px;color:var(--cyan)}.network-card span,.network-card strong{display:block;margin-top:6px}.network-card span{font-size:10px}.network-card strong{color:#fff;font-size:13px}.network-card.back{top:80px;left:-5px}.network-card.front{right:-18px;bottom:92px}.signal-strip{background:#f4f8fc;border-bottom:1px solid #e7edf3}.signal-strip .container{min-height:67px;display:flex;align-items:center;justify-content:center;gap:25px;color:#607085;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:1.2px}.signal-strip i{width:4px;height:4px;border-radius:50%;background:var(--cyan)}.section{padding-top:105px;padding-bottom:105px}.section-heading{margin-bottom:48px}.section-heading.split{display:grid;grid-template-columns:1.35fr .65fr;gap:100px;align-items:end}.section-heading.centered{max-width:700px;margin-inline:auto;text-align:center}.section-heading h2,.steps-copy h2,.support-banner h2{margin:10px 0 0;color:var(--ink);font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-2px}.section-heading p,.support-banner p{color:var(--muted);line-height:1.7}.kicker{color:var(--blue);font-size:11px;font-weight:850;letter-spacing:2px;text-transform:uppercase}.kicker.light{color:#51d2ec}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.feature-card{position:relative;min-height:280px;padding:32px;border:1px solid #e3eaf1;border-radius:22px;background:#fff;overflow:hidden;transition:.2s}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.feature-card.featured{color:#fff;background:linear-gradient(140deg,#0a2134,#0d324d);border-color:transparent}.feature-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:var(--blue);background:#edf5ff}.featured .feature-icon{color:var(--cyan);background:#ffffff14}.feature-number{position:absolute;top:32px;right:32px;color:#cbd7e2;font-weight:850}.feature-card h3{margin:28px 0 12px;font-size:23px;letter-spacing:-.5px}.feature-card p{color:var(--muted);line-height:1.65}.feature-card.featured p{color:#a8bdcc}.mini-flow{display:flex;align-items:center;gap:8px;margin-top:27px}.mini-flow span{padding:7px 10px;border-radius:8px;background:#ffffff14;font-size:10px}.mini-flow svg{width:13px}.dark-section{color:#fff;background:var(--navy)}.steps-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:120px;align-items:center}.steps-copy h2{color:#fff;margin-bottom:22px}.steps-copy p{color:#90a7b9;line-height:1.7}.steps-copy .button{margin-top:18px}.steps-list>div{display:flex;gap:23px;padding:27px 0;border-bottom:1px solid rgba(255,255,255,.09)}.steps-list b{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(39,199,229,.4);border-radius:50%;color:var(--cyan)}.steps-list span{flex:1}.steps-list strong,.steps-list small{display:block}.steps-list strong{margin-bottom:7px;font-size:17px}.steps-list small{color:#8fa5b6;line-height:1.6}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.plan-card{position:relative;padding:30px 25px;border:1px solid #e0e8f0;border-radius:20px;background:#fff}.plan-card.featured{border:2px solid var(--blue);box-shadow:0 20px 50px #1167f521;transform:translateY(-7px)}.popular{position:absolute;top:-13px;left:23px;padding:6px 11px;border-radius:20px;color:#fff;background:var(--blue);font-size:9px;font-weight:850;letter-spacing:1px;text-transform:uppercase}.plan-card h3{font-size:21px}.plan-card>p{min-height:45px;color:var(--muted);font-size:13px;line-height:1.55}.plan-price{margin:23px 0;color:var(--ink);font-size:26px;font-weight:850}.plan-price small{color:var(--muted);font-size:10px;font-weight:600}.plan-card ul,.admin-plan ul,.portal-plan-grid ul{list-style:none;margin:0 0 25px;padding:0}.plan-card li,.admin-plan li,.portal-plan-grid li{display:flex;gap:8px;margin:11px 0;color:#52667b;font-size:12px}.plan-card li svg,.admin-plan li svg,.portal-plan-grid li svg{width:15px;color:var(--green)}.plan-card .button{width:100%}.plan-card.skeleton span,.plan-card.skeleton i{display:block;height:13px;border-radius:7px;background:#edf2f6}.plan-card.skeleton span{width:40%}.plan-card.skeleton i{width:75%}.center-action{margin-top:35px;text-align:center}.support-banner{display:grid;grid-template-columns:1fr auto;gap:80px;align-items:center;margin-bottom:100px;padding:55px;border-radius:25px;color:#fff;background:linear-gradient(120deg,#0b2539,#0e3c59)}.support-banner h2{color:#fff;font-size:40px}.support-banner p{max-width:690px;color:#a6bccb}.social-support{display:flex;flex-wrap:wrap;gap:10px}.social-support a{display:inline-flex;align-items:center;gap:9px;padding:13px 16px;border-radius:11px;color:#fff;background:#20ac63;font-weight:750}.social-support a:nth-child(2){background:#239bd7}.social-support.compact a{width:39px;height:39px;padding:0;justify-content:center;border-radius:10px}.site-footer{padding:72px 0 22px;color:#fff;background:#030d15}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:70px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footer-grid p{max-width:340px;color:#72899a;line-height:1.6}.footer-grid h4{margin-bottom:8px;color:#dce9f1;font-size:12px;letter-spacing:1px;text-transform:uppercase}.footer-grid a{color:#8499a9;font-size:13px}.footer-grid a:hover{color:#fff}.trust-line{display:flex;gap:8px;color:#5fcfdc;font-size:12px}.footer-note{color:#647b8b;font-size:10px;line-height:1.5}.footer-bottom{display:flex;justify-content:space-between;margin-top:55px;padding-top:22px;border-top:1px solid #12212c;color:#516878;font-size:11px}.page-hero{min-height:100vh;padding:165px 0 100px;color:#fff;background:radial-gradient(circle at 80% 10%,#13466b,transparent 35%),var(--navy)}.page-hero.compact{min-height:740px}.page-hero h1,.help-intro h1,.contact-layout h1,.setup-layout h1,.legal-page h1{max-width:800px;margin:13px 0 16px;font-size:clamp(42px,6vw,70px);line-height:1.03;letter-spacing:-3px}.page-hero>.container>p{color:#a3b8c8;font-size:18px}.page-pricing{margin-top:65px;color:var(--ink)}.pricing-note{display:flex;align-items:center;gap:14px;margin-top:32px;color:#9db2c1}.pricing-note svg{color:var(--green)}.pricing-note strong{color:#fff}.page-light{min-height:75vh;padding:160px 0 100px;background:#f6f9fc}.page-light+.site-footer{margin-top:0}.page-light .site-header{color:var(--ink)}.help-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}.help-intro h1,.contact-layout h1,.setup-layout h1,.legal-page h1{color:var(--ink);font-size:52px}.help-intro>p,.contact-layout>div>p,.setup-layout>div>p{color:var(--muted);line-height:1.7}.search-input{width:100%;margin-top:24px}.faq-list details{padding:23px 0;border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;list-style:none;font-weight:800;cursor:pointer}.faq-list summary span{color:var(--blue);font-size:24px}.faq-list p{color:var(--muted);line-height:1.65}.contact-layout,.setup-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:start}.contact-layout .social-support{margin:30px 0}.contact-note,.secret-notice{display:flex;gap:13px;padding:18px;border:1px solid #d8e4ed;border-radius:14px;background:#eef6fb}.contact-note svg,.secret-notice svg{color:var(--blue)}.contact-note strong,.contact-note span,.secret-notice strong{display:block}.contact-note span,.secret-notice p{color:#5b7184;font-size:12px;line-height:1.6}.secret-notice p{margin:4px 0 0}.surface,.data-panel{border:1px solid #e1e8ef;border-radius:18px;background:#fff;box-shadow:0 10px 35px #1229410d}.form-card{padding:35px}label{display:flex;flex-direction:column;gap:8px;color:#34495d;font-size:12px;font-weight:750}input,textarea,select{width:100%;border:1px solid #d9e2eb;border-radius:10px;outline:none;background:#fff;color:#132a3e;transition:.15s}input,select{height:44px;padding:0 12px}.form-card textarea,.admin-form textarea,.support-form textarea,.ticket-thread textarea{padding:12px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:#7db2ff;box-shadow:0 0 0 3px #1268f517}.form-card label+label,.admin-form>label+label,.support-form label+label{margin-top:17px}.form-card .button,.support-form .button{margin-top:23px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.two-fields+label,label+.two-fields,.two-fields+.two-fields{margin-top:17px}.checkbox{flex-direction:row;align-items:center;gap:9px;margin-top:18px}.checkbox input{width:16px;height:16px}.form-status{margin:15px 0 0;color:#148353;font-size:12px;line-height:1.5}.form-error{margin:15px 0 0;color:#d43746;font-size:12px}.auth-page{min-height:780px;display:grid;grid-template-columns:.82fr 1.18fr;padding-top:82px;background:#f6f9fc}.auth-visual{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:80px clamp(40px,7vw,120px);color:#fff;background:radial-gradient(circle at 20% 10%,#164f72,transparent 40%),var(--navy)}.auth-visual>img{width:72px;margin-bottom:45px;border-radius:50%}.auth-visual h2{max-width:480px;margin:13px 0 18px;font-size:43px;line-height:1.05;letter-spacing:-2px}.auth-visual>p{color:#96adbd;line-height:1.7}.auth-benefits{display:flex;flex-direction:column;gap:13px;margin-top:25px}.auth-benefits span{display:flex;align-items:center;gap:9px;color:#bcd0dc;font-size:13px}.auth-benefits svg{width:16px;color:var(--green)}.auth-panel{display:grid;place-items:center;padding:65px 25px}.auth-card{width:min(520px,100%);padding:38px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}.auth-card-title{display:flex;gap:14px;margin-bottom:28px}.auth-card-title>svg{padding:8px;width:43px;height:43px;border-radius:12px;color:var(--blue);background:#edf4ff}.auth-card-title h1{margin-bottom:5px;font-size:28px}.auth-card-title p{color:var(--muted);font-size:13px;line-height:1.5}.auth-card form label+label{margin-top:16px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:24px;padding:4px;border-radius:10px;background:#edf2f6}.auth-tabs button{min-height:37px;border:0;border-radius:8px;color:#6b7d8e;background:transparent;font-weight:700}.auth-tabs button.active{color:#17334c;background:#fff;box-shadow:0 3px 10px #142d4614}.auth-switch{margin:22px 0 0;color:var(--muted);text-align:center;font-size:12px}.auth-switch a{color:var(--blue);font-weight:800}.legal-page{max-width:820px}.legal-page h2{margin-top:35px}.legal-page p{color:var(--muted);line-height:1.75}.legal-updated{padding:12px 14px;border-radius:10px;color:#7f6000!important;background:#fff6d9}.setup-layout .form-card{margin-top:30px}.chat-widget{position:fixed;z-index:80;right:23px;bottom:23px}.chat-launcher{min-height:51px;display:flex;align-items:center;gap:9px;padding:0 17px;border:0;border-radius:26px;color:#fff;background:linear-gradient(135deg,#0d6ef8,#18aac8);box-shadow:0 15px 40px #0351a04d;font-weight:800}.chat-panel{width:min(370px,calc(100vw - 30px));height:520px;display:flex;flex-direction:column;margin-bottom:12px;border:1px solid #dfe7ef;border-radius:20px;background:#fff;box-shadow:0 25px 70px #041a2e40;overflow:hidden}.chat-panel header{display:flex;align-items:center;gap:10px;padding:16px;color:#fff;background:var(--navy-2)}.chat-avatar{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:var(--blue)}.chat-panel header div:nth-child(2){flex:1}.chat-panel header strong,.chat-panel header span{display:block}.chat-panel header span{margin-top:3px;color:#94adbe;font-size:10px}.chat-panel header span i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--green)}.chat-panel header button{border:0;color:#fff;background:transparent}.chat-messages{flex:1;padding:17px;overflow-y:auto;background:#f5f8fb}.chat-message{width:fit-content;max-width:86%;margin-bottom:10px;padding:10px 12px;border-radius:13px 13px 13px 3px;color:#3c5266;background:#fff;box-shadow:0 3px 10px #0a20320d;font-size:12px;line-height:1.55}.chat-message.user{margin-left:auto;border-radius:13px 13px 3px;color:#fff;background:var(--blue)}.typing b{display:inline-block;width:5px;height:5px;margin:2px;border-radius:50%;background:#8ca0b0}.chat-panel form{display:flex;gap:7px;padding:11px;border-top:1px solid #e5ebf1}.chat-panel form input{border:0;background:#f1f5f8}.chat-panel form button{width:42px;border:0;border-radius:10px;color:#fff;background:var(--blue)}.chat-panel>small{padding:0 12px 10px;color:#8a9baa;text-align:center;font-size:9px}.portal-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr;background:#f4f7fa}.portal-shell.collapsed{grid-template-columns:82px 1fr}.portal-sidebar{position:fixed;z-index:50;inset:0 auto 0 0;width:250px;display:flex;flex-direction:column;padding:17px 13px;color:#bdcedb;background:#061521;transition:.2s}.collapsed .portal-sidebar{width:82px}.sidebar-brand{min-height:55px;display:flex;align-items:center;padding:0 7px}.sidebar-brand .brand{color:#fff}.desktop-collapse,.mobile-close{width:27px;height:27px;display:grid;place-items:center;margin-left:auto;border:1px solid #1b3445;border-radius:8px;color:#8198a8;background:transparent}.desktop-collapse svg{width:15px}.mobile-close{display:none}.workspace-label{margin:18px 11px 10px;color:#526c7c;font-size:9px;font-weight:850;letter-spacing:1.5px;white-space:nowrap}.portal-nav{display:flex;flex-direction:column;gap:4px}.portal-nav a{height:42px;display:flex;align-items:center;gap:13px;padding:0 12px;border-radius:10px;color:#8299aa;font-size:12px;font-weight:700;white-space:nowrap}.portal-nav a svg{width:18px}.portal-nav a:hover{color:#fff;background:#0c2333}.portal-nav a.active{color:#fff;background:linear-gradient(90deg,#1164e9,#0e79cc);box-shadow:0 8px 20px #0a63dc38}.sidebar-security{display:flex;align-items:center;gap:9px;margin-top:auto;padding:12px;border-radius:10px;background:#ffffff0a}.sidebar-security svg{width:18px;color:var(--green)}.sidebar-security strong,.sidebar-security span{display:block;white-space:nowrap}.sidebar-security strong{color:#c4d4de;font-size:10px}.sidebar-security span{margin-top:2px;color:#587181;font-size:8px;text-transform:capitalize}.sidebar-logout{height:40px;display:flex;align-items:center;gap:12px;margin-top:8px;padding:0 12px;border:0;border-radius:9px;color:#728998;background:transparent;white-space:nowrap}.sidebar-logout:hover{color:#fff;background:#ffffff0d}.sidebar-logout svg{width:18px}.collapsed .sidebar-brand .brand img{width:34px;height:34px}.collapsed .workspace-label,.collapsed .portal-nav span,.collapsed .sidebar-security div,.collapsed .sidebar-logout span{display:none}.collapsed .portal-nav a,.collapsed .sidebar-logout,.collapsed .sidebar-security{justify-content:center}.portal-main{grid-column:2;min-width:0}.portal-header{height:73px;display:flex;align-items:center;justify-content:space-between;padding:0 31px;border-bottom:1px solid #e0e7ee;background:#fff}.portal-header>div,.portal-header-actions{display:flex;align-items:center}.breadcrumb{color:#8b99a7;font-size:11px}.breadcrumb b{color:#263c50}.portal-menu{display:none;border:0;background:transparent}.notification-button{position:relative;width:37px;height:37px;display:grid;place-items:center;margin-right:16px;border:1px solid #e0e7ee;border-radius:10px;color:#536779}.notification-button svg{width:17px}.notification-button i{position:absolute;top:6px;right:7px;width:6px;height:6px;border:1px solid white;border-radius:50%;background:#f04c5e}.user-chip{display:flex;align-items:center;gap:9px}.user-chip>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(135deg,#1168f5,#20b8d3);font-weight:850}.user-chip strong,.user-chip small{display:block}.user-chip strong{font-size:11px}.user-chip small{margin-top:2px;color:#8a99a6;font-size:9px}.portal-content{padding:35px}.page-header{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:27px}.page-header>div:first-child>span{color:var(--blue);font-size:9px;font-weight:850;letter-spacing:1.7px}.page-header h1{margin:7px 0 4px;color:#0b2032;font-size:30px;letter-spacing:-1px}.page-header p{margin:0;color:#768696;font-size:12px}.page-actions{display:flex;gap:9px}.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.metric-card{position:relative;min-width:0;padding:18px;border:1px solid #e2e8ef;border-radius:15px;background:#fff}.metric-card>div{width:32px;height:32px;display:grid;place-items:center;margin-bottom:20px;border-radius:9px;background:#edf4ff;color:var(--blue)}.metric-card>div svg{width:16px}.metric-card>span,.metric-card>strong,.metric-card>small{display:block}.metric-card>span{color:#748493;font-size:10px}.metric-card>strong{margin:4px 0;color:#14283b;font-size:22px}.metric-card>small{color:#a1adba;font-size:8px}.metric-card.green>div{color:#22a765;background:#ebf9f1}.metric-card.purple>div{color:#815bd4;background:#f2edff}.metric-card.orange>div{color:#e78a25;background:#fff5e9}.metric-card.cyan>div{color:#13a9c3;background:#eafafd}.metric-card.red>div{color:#dd5361;background:#fff0f2}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.data-panel{padding:22px;box-shadow:none}.data-panel-heading{display:flex;justify-content:space-between;margin-bottom:18px}.data-panel-heading h2{margin:0 0 4px;font-size:16px}.data-panel-heading p{margin:0;color:#8795a2;font-size:10px}.compact-list>div,.activity-feed>div{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #edf1f5}.compact-list>div:last-child,.activity-feed>div:last-child{border:0}.avatar-small{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#fff;background:#1469ef;font-weight:850}.avatar-small.payment{color:#1ba96a;background:#eaf9f2}.avatar-small.payment svg{width:16px}.compact-list p,.activity-feed p{flex:1;margin:0}.compact-list strong,.compact-list small,.activity-feed strong,.activity-feed small{display:block}.compact-list strong,.activity-feed strong{font-size:11px}.compact-list small,.activity-feed small{margin-top:4px;color:#8b99a6;font-size:9px}.health-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:16px;border:1px solid #e1e8ee;border-radius:15px;background:#e1e8ee;overflow:hidden}.health-strip>div{min-width:0;display:flex;align-items:center;gap:11px;padding:18px;background:#fff}.health-strip>div>svg{width:19px;color:var(--blue)}.health-strip>div>span{flex:1}.health-strip strong,.health-strip small{display:block}.health-strip strong{font-size:11px}.health-strip small{margin-top:3px;color:#8c99a5;font-size:8px}.status-badge{width:fit-content;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:20px;color:#647587;background:#eef2f5;font-size:8px;font-weight:850;text-transform:uppercase;white-space:nowrap}.status-badge i{width:5px;height:5px;border-radius:50%;background:#8795a3}.status-badge.active,.status-badge.successful,.status-badge.operational,.status-badge.enabled,.status-badge.healthy,.status-badge.published,.status-badge.available,.status-badge.trusted,.status-badge.open{color:#168055;background:#e9f8f0}.status-badge.active i,.status-badge.successful i,.status-badge.operational i,.status-badge.enabled i,.status-badge.healthy i,.status-badge.published i,.status-badge.available i,.status-badge.trusted i,.status-badge.open i{background:#25b570}.status-badge.pending,.status-badge.waiting,.status-badge.trial,.status-badge.testing,.status-badge.draft{color:#976719;background:#fff4db}.status-badge.pending i,.status-badge.waiting i,.status-badge.trial i,.status-badge.testing i,.status-badge.draft i{background:#eaa42d}.status-badge.failed,.status-badge.banned,.status-badge.expired,.status-badge.revoked,.status-badge.critical,.status-badge.disabled,.status-badge.suspended{color:#b73c4a;background:#ffedf0}.status-badge.failed i,.status-badge.banned i,.status-badge.expired i,.status-badge.revoked i,.status-badge.critical i,.status-badge.disabled i,.status-badge.suspended i{background:#e64f60}.toolbar{display:flex;gap:10px;margin-bottom:13px}.search-box{flex:1;max-width:450px;position:relative}.search-box svg{position:absolute;left:13px;top:12px;width:17px;color:#8c9aa8}.search-box input{padding-left:40px}.table-wrap{width:100%;overflow-x:auto}.data-panel:has(.table-wrap){padding:0;overflow:hidden}.data-panel:has(.table-wrap) .inline-alert{margin:20px}.table-wrap table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.table-wrap th{padding:13px 17px;color:#7c8b98;background:#f7f9fb;border-bottom:1px solid #e5ebf0;font-size:8px;letter-spacing:.8px;text-transform:uppercase}.table-wrap td{padding:13px 17px;border-bottom:1px solid #edf1f5;color:#415467;font-size:10px}.table-wrap tr:last-child td{border-bottom:0}.table-wrap td strong,.table-wrap td small{display:block}.table-wrap td small{margin-top:3px;color:#8b99a6;font-size:8px}.table-wrap td select{width:105px;height:31px;font-size:9px}.table-user{display:flex;align-items:center;gap:9px}.table-user>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#fff;background:#1468ec;font-weight:800}.table-user p{margin:0}.mono{font-family:SFMono-Regular,Consolas,monospace}.danger-text{border:0;color:#d74555;background:transparent;font-size:9px;font-weight:800}.inline-alert{display:flex;align-items:center;gap:9px;margin-bottom:14px;padding:12px 14px;border-radius:10px;font-size:11px}.inline-alert.error{color:#a53341;background:#ffedf0}.inline-alert.success{color:#14764d;background:#e9f8f0}.inline-alert svg{width:17px}.table-loading{display:flex;flex-direction:column;gap:10px;padding:20px}.table-loading span{height:38px;border-radius:8px;background:linear-gradient(90deg,#edf1f5,#f8fafb,#edf1f5);background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200% 0}}.drawer-layer,.modal-layer{position:fixed;z-index:90;inset:0;display:flex;justify-content:flex-end;background:#03101b8f;backdrop-filter:blur(3px)}.drawer{width:min(510px,100%);height:100%;background:#fff;box-shadow:-25px 0 60px #0000002e;overflow-y:auto;animation:slide .22s ease-out}@keyframes slide{0%{transform:translate(30px);opacity:.5}}.drawer>header{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;padding:22px 27px;border-bottom:1px solid var(--line);background:#fff}.drawer header span{color:var(--blue);font-size:9px;font-weight:850;letter-spacing:1px;text-transform:uppercase}.drawer header h2{margin:5px 0 0;font-size:21px}.drawer header button,.modal-close{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:#fff}.drawer header button svg{width:17px}.drawer-body{padding:27px}.admin-form>*+*{margin-top:17px}.admin-field>span{color:#344a5e}.admin-field small{color:#8a98a5;font-weight:500;line-height:1.5}.check-list{max-height:230px;border:1px solid var(--line);border-radius:10px;overflow-y:auto}.check-list label{display:flex;flex-direction:row;align-items:center;padding:11px;border-bottom:1px solid #edf1f5}.check-list label:last-child{border:0}.check-list input{width:16px;height:16px}.check-list strong,.check-list small{display:block}.check-list small{margin-top:3px}.plan-admin-grid,.server-grid,.portal-plan-grid,.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.admin-plan,.server-card,.portal-plan-grid article,.device-grid article{padding:22px;border:1px solid #e0e8ef;border-radius:16px;background:#fff}.admin-plan>div{display:flex;justify-content:space-between;align-items:center}.admin-plan>div>span:last-child{color:#9aa6b2;font-size:9px}.admin-plan h2{margin:24px 0 7px;font-size:19px}.admin-plan>strong{font-size:25px}.admin-plan>p{min-height:36px;margin:10px 0;color:#7d8b98;font-size:10px;line-height:1.6}.server-grid{grid-template-columns:repeat(4,1fr)}.server-card header,.server-card footer{display:flex;align-items:center;justify-content:space-between}.server-symbol{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;color:var(--blue);background:#edf4ff}.server-symbol svg{width:19px}.server-card h3{margin:22px 0 5px;font-size:15px}.server-card>p{color:#8996a3;font-size:9px}.server-tags{display:flex;flex-wrap:wrap;gap:5px;margin:20px 0}.server-tags span{padding:5px 7px;border-radius:6px;color:#52677b;background:#f0f4f7;font-size:8px;font-weight:750;text-transform:uppercase}.server-card footer{gap:9px;padding-top:14px;border-top:1px solid #edf1f5}.server-card-actions{display:flex;align-items:center;gap:6px}.server-card footer select{width:100px;height:31px;font-size:8px}.server-card-actions .icon-button{width:31px;height:31px}.server-card-actions .icon-button svg{width:14px}.user-manage-section{padding-bottom:22px;border-bottom:1px solid #e4ebf1}.user-manage-section+.user-manage-section{margin-top:22px}.user-manage-section h3{margin:0 0 15px;color:#183146;font-size:14px}.user-manage-section.danger-zone{padding:17px;border:1px solid #f0d7da;border-radius:12px;background:#fff8f8}.user-manage-section.danger-zone p{margin:-6px 0 14px;color:#87666b;font-size:9px;line-height:1.55}.timeline-list article{display:grid;grid-template-columns:52px 1fr auto;gap:17px;align-items:center;padding:18px 0;border-bottom:1px solid #edf1f5}.timeline-list article:last-child{border:0}.timeline-marker{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:var(--blue);background:#edf4ff;font-size:11px;font-weight:850}.timeline-title{display:flex;align-items:center;gap:10px}.timeline-title h3{margin:0;font-size:14px}.timeline-list p{margin:5px 0;color:#718290;font-size:10px}.timeline-list div>span{color:#96a3af;font-size:8px}.session-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;padding:15px 18px;border:1px solid #dfe7ee;border-radius:13px;background:#fff}.session-summary>div{display:flex;align-items:center;gap:10px}.session-summary svg{color:var(--green)}.session-summary p{max-width:640px;margin:0;color:#7a8996;font-size:9px}.support-console{min-height:650px;display:grid;grid-template-columns:390px 1fr;gap:14px}.support-console>.data-panel{padding:8px}.ticket-list button{width:100%;display:grid;grid-template-columns:5px 1fr auto;grid-template-rows:auto auto;gap:4px 10px;padding:13px;border:0;border-bottom:1px solid #edf1f5;background:#fff;text-align:left}.ticket-list button.active{border-radius:9px;background:#edf5ff}.priority{grid-row:1/3;width:4px;height:100%;border-radius:3px;background:#9eacb7}.priority.high{background:#ee9a34}.priority.urgent{background:#e74c5b}.ticket-list strong,.ticket-list small{display:block}.ticket-list strong{font-size:11px}.ticket-list small{margin-top:4px;color:#8493a0;font-size:8px}.ticket-list time{color:#a0aab4;font-size:7px}.ticket-thread{display:flex;flex-direction:column;border:1px solid #e0e8ef;border-radius:16px;background:#fff;overflow:hidden}.ticket-thread>header{display:flex;justify-content:space-between;align-items:center;padding:19px 22px;border-bottom:1px solid #e8edf2}.ticket-thread header span{color:#8795a2;font-size:8px}.ticket-thread h2{margin:4px 0 0;font-size:16px}.thread-messages{flex:1;padding:20px;overflow-y:auto;background:#f8fafc}.thread-message{max-width:75%;margin-bottom:12px;padding:12px;border-radius:12px 12px 12px 3px;background:#fff;box-shadow:0 3px 12px #0a1f320d}.thread-message.admin{margin-left:auto;border-radius:12px 12px 3px;color:#fff;background:#1369ef}.thread-message span{font-size:7px;font-weight:850;text-transform:uppercase}.thread-message p{margin:5px 0;font-size:10px;line-height:1.55}.thread-message time{opacity:.65;font-size:7px}.ticket-thread form{padding:16px;border-top:1px solid #e7edf2}.ticket-thread form .button{margin-top:9px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.content-item{padding:16px 0;border-bottom:1px solid #edf1f5}.content-item:last-child{border:0}.content-item>div{display:flex;align-items:center;gap:10px}.content-item>div>svg{width:17px;color:var(--blue)}.content-item span{flex:1}.content-item strong,.content-item small{display:block}.content-item strong{font-size:11px}.content-item small{margin-top:3px;color:#8c99a5;font-size:8px}.content-item>.status-badge{float:right;margin-top:-25px}.content-item>p{margin:10px 0 0 27px;color:#71808e;font-size:9px;line-height:1.55}.settings-list>div{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,2fr) 42px;gap:18px;align-items:center;padding:13px 0;border-bottom:1px solid #edf1f5}.settings-list>div:last-child{border:0}.settings-list strong,.settings-list small{display:block}.settings-list strong{font-size:11px;text-transform:capitalize}.settings-list small{margin-top:4px;color:#8b98a4;font-size:8px}.portal-content>.secret-notice{margin-top:15px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:230px;padding:30px;color:#81909d;text-align:center}.empty-state>div{width:48px;height:48px;display:grid;place-items:center;margin-bottom:13px;border-radius:14px;color:var(--blue);background:#edf4ff}.empty-state h3{margin-bottom:7px;color:#31485c;font-size:14px}.empty-state p{max-width:390px;margin-bottom:15px;font-size:10px;line-height:1.6}.app-loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;color:#6c7e8e;background:#f5f8fb}.app-loading img{width:65px;border-radius:50%;animation:pulse 1.4s infinite}@keyframes pulse{50%{transform:scale(.93);opacity:.7}}.announcement{display:flex;gap:11px;margin-bottom:14px;padding:13px 15px;border:1px solid #d8e6f1;border-radius:12px;color:#24526f;background:#eef8fe}.announcement svg{width:18px}.announcement strong{font-size:11px}.announcement p{margin:3px 0 0;font-size:9px}.portal-overview-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:15px}.access-card,.quick-connect-card{padding:25px;border:1px solid #e0e8ef;border-radius:17px;background:#fff}.access-top{display:flex;justify-content:space-between}.access-top span{color:#8b98a5;font-size:9px}.access-top h2{margin:5px 0;font-size:21px}.time-remaining{display:flex;align-items:center;gap:15px;margin:25px 0 18px}.time-remaining span{display:flex;flex-direction:column;color:#83919e;font-size:8px;text-transform:uppercase}.time-remaining strong{color:#10283b;font-size:32px;line-height:1}.time-remaining i{color:#b0bbc4;font-style:normal;font-size:22px}.access-progress{height:5px;border-radius:5px;background:#ebf0f4;overflow:hidden}.access-progress i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.access-card>p{margin:10px 0 0;color:#85929e;font-size:8px}.quick-connect-card{color:#fff;background:linear-gradient(140deg,#09263a,#0b3e59)}.connect-illustration{height:78px;display:grid;place-items:center}.connect-illustration>div{position:relative;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;color:var(--cyan);background:#24c1e41a;box-shadow:0 0 0 10px #24c1e408}.quick-connect-card h2{font-size:16px}.quick-connect-card>p{color:#93abba;font-size:10px;line-height:1.55}.quick-connect-card>div:last-child{display:flex;align-items:center;gap:9px;margin-top:18px}.quick-connect-card>div:last-child>svg{width:18px;color:var(--green)}.quick-connect-card strong,.quick-connect-card small{display:block}.quick-connect-card strong{font-size:10px}.quick-connect-card small{margin-top:3px;color:#6f8a9b;font-size:8px}.portal-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:15px 0}.portal-stat-grid article{position:relative;padding:18px;border:1px solid #e1e8ef;border-radius:14px;background:#fff}.portal-stat-grid svg{position:absolute;top:16px;right:16px;width:18px;color:var(--blue)}.portal-stat-grid span,.portal-stat-grid strong,.portal-stat-grid small{display:block}.portal-stat-grid span{color:#82909d;font-size:9px}.portal-stat-grid strong{margin:8px 0;font-size:22px}.portal-stat-grid small{color:#9aa6b0;font-size:8px}.activity-feed>div>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--blue);background:#edf4ff}.activity-feed>div>span svg{width:16px}.portal-plan-grid article>div{display:flex;justify-content:space-between;align-items:center}.portal-plan-grid article>div>svg{color:var(--blue)}.portal-plan-grid article.selected{border-color:var(--blue);box-shadow:0 0 0 2px #1268f514}.portal-plan-grid h2{margin:22px 0 8px;font-size:18px}.portal-plan-grid article>strong{font-size:23px}.portal-plan-grid article>p{min-height:35px;color:#7d8c98;font-size:10px;line-height:1.5}.modal-layer{align-items:center;justify-content:center}.payment-modal{position:relative;width:min(430px,calc(100% - 30px));padding:34px;border-radius:21px;background:#fff;box-shadow:var(--shadow)}.modal-close{position:absolute;top:17px;right:17px;font-size:20px}.payment-modal>svg{width:40px;height:40px;padding:9px;border-radius:11px;color:var(--blue);background:#edf4ff}.payment-modal h2{margin:18px 0 5px}.payment-modal>p{color:#6f8293;font-size:12px}.payment-modal form label+label{margin-top:14px}.payment-modal form .button{margin-top:20px}.payment-modal>small{display:block;margin-top:14px;color:#8594a0;text-align:center;font-size:9px}.device-grid article{display:flex;align-items:center;gap:13px}.device-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--blue);background:#edf4ff}.device-grid article>div:nth-child(2){flex:1}.device-grid h3{margin:0 0 4px;font-size:13px}.device-grid p,.device-grid span{margin:0;color:#8795a2;font-size:8px}.security-explainer{display:flex;gap:13px;margin-top:15px;padding:18px;border:1px solid #dae6ef;border-radius:14px;background:#eef7fc}.security-explainer svg{color:var(--blue)}.security-explainer h3{margin-bottom:4px;font-size:12px}.security-explainer p{margin:0;color:#6c8091;font-size:9px;line-height:1.6}.portal-support-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:15px}.support-form>h2{margin-bottom:5px}.support-form>p{color:#7d8c98;font-size:10px;line-height:1.5}.user-ticket-list article{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #edf1f5}.user-ticket-list article>span{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;color:var(--blue);background:#edf4ff}.user-ticket-list article>div{flex:1}.user-ticket-list h3{margin:0;font-size:11px}.user-ticket-list p{margin:4px 0 0;color:#8a97a3;font-size:8px}.login-form input{height:48px;border:1px solid #cfdbe5;border-radius:11px;background:#fbfdff;transition:border-color .18s,box-shadow .18s,background .18s}.login-form input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #1268f51a;outline:0}.login-form .button{min-height:48px;margin-top:22px}.auth-create-callout{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:25px;padding:17px;border:1px solid #dce7ef;border-radius:14px;background:#f5f9fc}.auth-create-callout strong,.auth-create-callout span{display:block}.auth-create-callout strong{color:#183146;font-size:12px}.auth-create-callout span{margin-top:4px;color:#7b8d9d;font-size:9px;line-height:1.45}.auth-create-callout .button{flex:0 0 auto}.usage-panel{margin-top:15px;padding:20px;border:1px solid #e0e8ef;border-radius:17px;background:#fff}.usage-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.usage-panel-heading span{color:var(--blue);font-size:8px;font-weight:800;letter-spacing:1.4px}.usage-panel-heading h2{margin:5px 0 4px;font-size:17px}.usage-panel-heading p{margin:0;color:#8494a1;font-size:9px}.usage-filters{display:flex;gap:4px;padding:4px;border-radius:10px;background:#eff4f8}.usage-filters button{min-width:45px;height:28px;padding:0 9px;border:0;border-radius:7px;color:#718392;background:transparent;font-size:8px;font-weight:800;cursor:pointer}.usage-filters button.active{color:#fff;background:var(--blue);box-shadow:0 5px 13px #1268f533}.usage-values{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px}.usage-values article{padding:15px;border:1px solid #e5ecf2;border-radius:12px;background:#f8fbfd}.usage-values span,.usage-values strong,.usage-values small{display:block}.usage-values span{color:#7f909e;font-size:8px;text-transform:uppercase;letter-spacing:.8px}.usage-values strong{margin:7px 0 5px;color:#10283b;font-size:20px}.usage-values small{color:#96a3ae;font-size:8px}.portal-shell.theme-dark .usage-panel{color:#dce8f1;border-color:#203544;background:#0c1d29}.portal-shell.theme-dark .usage-values article{border-color:#203544;background:#0a1822}.portal-shell.theme-dark .usage-values strong{color:#e7f2fa}.portal-shell.theme-dark .usage-filters{background:#091720}@media(max-width:1150px){.metric-grid{grid-template-columns:repeat(3,1fr)}.pricing-grid{grid-template-columns:repeat(2,1fr)}.server-grid{grid-template-columns:repeat(3,1fr)}.product-scene{transform:scale(.9)}}@media(max-width:900px){.site-nav{gap:15px}.nav-links{position:absolute;top:82px;left:20px;right:20px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#092033;box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-links a{padding:13px}.nav-links a.active:after{display:none}.site-header.light .nav-links{border-color:#dfe7ee;background:#fff}.mobile-menu{order:3;display:grid;margin-left:0}.nav-actions{margin-left:auto}.nav-actions .text-button{display:none}.hero{padding-top:140px}.hero-grid{grid-template-columns:1fr;gap:35px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.product-scene{min-height:500px;transform:scale(.88)}.section-heading.split,.steps-layout,.help-layout,.contact-layout,.setup-layout{grid-template-columns:1fr;gap:45px}.section-heading.split{align-items:start}.steps-layout{gap:60px}.support-banner{grid-template-columns:1fr;gap:25px}.auth-page{grid-template-columns:1fr}.auth-visual{min-height:430px}.auth-panel{padding:40px 20px}.portal-shell,.portal-shell.collapsed{grid-template-columns:1fr}.portal-sidebar,.collapsed .portal-sidebar{width:250px;transform:translate(-100%);box-shadow:18px 0 50px #0003}.portal-sidebar.mobile-open{transform:translate(0)}.portal-main{grid-column:1}.portal-menu{display:grid;margin-right:8px}.desktop-collapse{display:none}.mobile-close{display:grid}.portal-content{padding:25px}.server-grid{grid-template-columns:repeat(2,1fr)}.support-console{grid-template-columns:320px 1fr}.portal-plan-grid,.plan-admin-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.container{width:min(calc(100% - 28px),1180px)}.site-nav{height:70px}.site-header .brand{font-size:18px}.site-header .brand img{width:34px;height:34px}.nav-actions .button{min-width:42px;padding-inline:11px;font-size:0}.nav-actions .button svg{width:18px}.nav-links{top:70px}.hero{min-height:700px;padding:125px 0 40px}.hero h1{max-width:100%;font-size:clamp(40px,12vw,49px);letter-spacing:-3px;overflow-wrap:anywhere}.eyebrow{justify-content:center}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.hero-proof{gap:9px}.product-scene{min-height:420px;margin:-35px 0;transform:scale(.7)}.signal-strip .container{flex-wrap:wrap;gap:10px 14px;padding:18px 0}.signal-strip span{font-size:9px}.section{padding-top:70px;padding-bottom:70px}.section-heading h2,.steps-copy h2{font-size:36px}.section-heading.split,.feature-grid,.pricing-grid,.footer-grid,.overview-grid,.content-grid,.portal-overview-grid,.portal-support-grid{grid-template-columns:1fr}.feature-card{min-height:250px}.pricing-grid{gap:22px}.plan-card.featured{transform:none}.support-banner{margin-bottom:60px;padding:33px 25px}.support-banner h2{font-size:33px}.footer-grid{gap:35px}.footer-bottom{flex-direction:column;gap:8px}.page-hero{padding-top:125px}.page-hero h1,.help-intro h1,.contact-layout h1,.setup-layout h1,.legal-page h1{font-size:41px;letter-spacing:-2px}.page-pricing{margin-top:40px}.page-light{padding-top:120px}.two-fields{grid-template-columns:1fr}.auth-page{padding-top:70px}.auth-visual{min-height:390px;padding:55px 25px}.auth-visual h2{font-size:35px}.auth-card{padding:25px 20px}.chat-widget{right:13px;bottom:13px}.chat-launcher span{display:none}.chat-launcher{width:51px;padding:0;justify-content:center}.chat-panel{height:min(520px,calc(100vh - 90px))}.portal-header{padding:0 15px}.breadcrumb,.user-chip div{display:none}.portal-content{padding:20px 14px}.page-header{align-items:flex-start;flex-direction:column}.page-header h1{font-size:27px}.page-actions{width:100%;flex-wrap:wrap}.metric-grid,.portal-stat-grid,.health-strip,.plan-admin-grid,.server-grid,.portal-plan-grid,.device-grid,.usage-values{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.metric-card{padding:15px}.health-strip{gap:0}.support-console{grid-template-columns:1fr}.ticket-thread{min-height:550px}.settings-list>div{grid-template-columns:1fr 42px}.settings-list>div>input{grid-column:1}.timeline-list article{grid-template-columns:48px 1fr}.timeline-list article>button{grid-column:2;width:fit-content}.session-summary,.usage-panel-heading{align-items:flex-start;flex-direction:column}.usage-filters{width:100%;overflow-x:auto}.data-panel{padding:17px}.form-card{padding:24px 20px}}.portal-shell.theme-dark{--portal-surface: #0c1d29;--portal-surface-soft: #0a1822;--portal-border: #203746;--portal-text: #eaf4fb;--portal-muted: #91a7b6;color-scheme:dark}.portal-shell.theme-dark :is(.portal-stat-grid article,.portal-plan-grid article,.device-grid article,.payment-modal,.surface,.form-card,.gateway-card,.report-signoff,.security-explainer,.announcement,.usage-panel,.data-panel,.metric-card,.server-card,.admin-plan,.access-card,.settings-list>div,.ticket-thread){color:var(--portal-text);border-color:var(--portal-border);background:var(--portal-surface);box-shadow:0 12px 34px #0000001f}.portal-shell.theme-dark :is(.portal-plan-grid article,.portal-stat-grid article,.device-grid article) :is(h2,h3,strong),.portal-shell.theme-dark :is(.portal-stat-grid article,.portal-plan-grid article,.device-grid article){color:var(--portal-text)}.portal-shell.theme-dark :is(.portal-stat-grid article,.portal-plan-grid article,.device-grid article) :is(span,p,small,li){color:var(--portal-muted)}.portal-shell.theme-dark .portal-plan-grid article.selected{border-color:#3987ff;background:linear-gradient(145deg,#0e2433,#0b1b28);box-shadow:0 0 0 2px #3987ff29}.portal-shell.theme-dark :is(.activity-feed>div>span,.device-icon,.payment-modal>svg,.empty-state>div,.gateway-card header>div>svg){color:#55b8ff;background:#102b40}.portal-shell.theme-dark :is(.security-explainer,.announcement){background:#0b2533}.portal-shell.theme-dark :is(.gateway-meta,.usage-filters){background:#081720}.portal-shell.theme-dark .gateway-meta b{color:#dceaf3}.portal-shell.theme-dark .gateway-card{background:linear-gradient(155deg,#0d202c,#091823)}.portal-shell.theme-dark :is(.payment-modal,.modal-close){color:var(--portal-text)}.portal-shell.theme-dark .button.ghost-dark{color:#e9f4fb;border-color:#2a4556;background:#102633}.portal-shell.theme-dark .button.ghost-dark:hover{background:#173344}.portal-shell.theme-dark .theme-toggle{color:#b9d2e1;border-color:#2b4655;background:#112735}.portal-shell.theme-dark .notification-button{color:#aec3d0;border-color:#294352}.portal-shell.theme-dark .user-chip small{color:#8fa6b6}.portal-shell.theme-dark :is(input,select,textarea){color-scheme:dark;color:#edf7fc;border-color:#2b4554;background:#071720}.portal-shell.theme-dark :is(input,textarea)::placeholder{color:#637b8c}.portal-shell.theme-dark label{color:#b9ccd8}.portal-shell.theme-dark :is(.content-item,.user-ticket-list article,.settings-list>div,.server-card footer){border-color:#203746}.portal-shell.theme-dark .empty-state h3{color:#edf7fc}.portal-shell.theme-dark .status-badge{filter:saturate(1.08) brightness(1.06)}.portal-shell.theme-dark table{color:#dce9f1}.portal-shell.theme-dark table tr:hover td{background:#1a3d5052}.auth-page{position:relative;min-height:100vh;grid-template-columns:minmax(390px,.9fr) minmax(560px,1.1fr);padding-top:82px;background:radial-gradient(circle at 86% 18%,rgba(25,170,213,.11),transparent 29%),#f3f7fb;overflow:hidden}.auth-visual{position:relative;isolation:isolate;min-height:calc(100vh - 82px);padding:clamp(55px,7vw,105px);background:linear-gradient(145deg,#04121e 2%,#08283d 57%,#07424b);overflow:hidden}.auth-visual:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.auth-aurora{position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);animation:authFloat 8s ease-in-out infinite}.auth-aurora.one{width:420px;height:420px;top:-170px;left:-130px;background:radial-gradient(circle,rgba(38,190,230,.27),transparent 67%)}.auth-aurora.two{width:360px;height:360px;right:-150px;bottom:-80px;background:radial-gradient(circle,rgba(47,211,139,.18),transparent 67%);animation-delay:-4s}.auth-visual-content{position:relative;z-index:1;width:min(510px,100%)}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:65px;color:#fff;font-size:21px;font-weight:850}.auth-brand img{width:44px;height:44px;object-fit:contain}.auth-brand b{color:var(--cyan)}.auth-visual h2{margin:17px 0 18px;font-size:clamp(39px,4.1vw,61px);line-height:1.02;letter-spacing:-3px}.auth-visual-content>p{max-width:510px;color:#9db4c3;font-size:15px;line-height:1.75}.auth-signal{display:flex;align-items:center;gap:15px;margin:30px 0;padding:15px 18px;border:1px solid rgba(158,210,227,.19);border-radius:16px;background:#ffffff0f;backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff12}.auth-signal>div{display:flex;align-items:center;gap:10px;flex:1}.auth-signal svg{width:20px;color:#4bd5ed}.auth-signal span,.auth-signal small,.auth-signal strong{display:block}.auth-signal small{color:#678496;font-size:8px;letter-spacing:1.2px}.auth-signal strong{margin-top:3px;font-size:11px}.auth-signal i{width:1px;height:31px;background:#ffffff21}.auth-panel{position:relative;padding:55px clamp(25px,6vw,90px)}.auth-panel:before{content:"";position:absolute;width:250px;height:250px;top:8%;right:4%;border-radius:50%;background:#159be914;filter:blur(55px)}.auth-card{position:relative;width:min(610px,100%);padding:clamp(28px,4vw,48px);border-color:#aec4d48a;border-radius:27px;background:#ffffffd6;backdrop-filter:blur(24px);box-shadow:0 30px 80px #0a294324,inset 0 1px #fff}.auth-card-title{align-items:flex-start;margin-bottom:30px}.auth-card-title>svg{width:46px;height:46px;color:#1268f5;background:linear-gradient(145deg,#e8f2ff,#f4f9ff);box-shadow:0 8px 22px #1268f51f}.auth-eyebrow{display:block;margin-bottom:7px;color:#1268f5;font-size:9px;font-weight:900;letter-spacing:1.7px}.auth-card-title h1{margin:0 0 7px;font-size:clamp(27px,3vw,36px);letter-spacing:-1.2px}.auth-card-title p{max-width:440px;margin:0}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form .two-fields{margin:0}.auth-form label,.password-label{margin:0!important;color:#30475b;font-size:11px;letter-spacing:.1px}.auth-form label small{margin-left:4px;color:#8ea0ae;font-weight:600}.auth-form input{height:49px;border-color:#cfdae4;border-radius:12px;background:#f9fcffeb}.auth-form input:focus{border-color:#3988ff;background:#fff;box-shadow:0 0 0 4px #1268f517}.password-field{position:relative}.password-field input{padding-right:49px}.password-field button{position:absolute;top:5px;right:5px;width:39px;height:39px;display:grid;place-items:center;border:0;border-radius:9px;color:#75899a;background:transparent}.password-field button:hover{color:#1268f5;background:#eaf3ff}.password-field svg{width:17px}.auth-form-meta{display:flex;align-items:center;justify-content:space-between;margin-top:-3px;color:#7890a1;font-size:10px}.auth-form-meta span{display:flex;align-items:center;gap:5px}.auth-form-meta svg{width:13px;color:#27ad6d}.auth-form-meta a,.auth-switch a,.checkbox a{color:#1268f5;font-weight:800}.password-guidance{display:flex;align-items:flex-start;gap:8px;padding:11px 12px;border:1px solid #d8e7f1;border-radius:11px;color:#6c8192;background:#f1f8fc;font-size:9px;line-height:1.5}.password-guidance svg{width:15px;color:#1582c5}.auth-form .checkbox{flex-direction:row;align-items:flex-start;gap:9px;font-weight:600;line-height:1.5}.auth-form .checkbox input{flex:0 0 auto;width:16px;height:16px;margin-top:2px}.auth-form>.button{min-height:50px;margin-top:2px}.auth-create-callout{border-color:#d9e5ee;background:linear-gradient(145deg,#f6fafd,#edf5fa)}.auth-trust{display:flex;align-items:center;justify-content:center;gap:7px;margin:24px -10px -18px;padding-top:18px;border-top:1px solid #e4ebf1;color:#8a9ba8;font-size:9px}.auth-trust svg{width:14px;color:#2eb875}@keyframes authFloat{50%{transform:translate3d(10px,18px,0) scale(1.04)}}.phone-card,.network-card,.feature-card,.plan-card,.support-banner{backdrop-filter:blur(14px)}.network-card.front{animation:sceneFloat 5.5s ease-in-out infinite}.network-card.back{animation:sceneFloat 6.5s ease-in-out -2s infinite}.scene-glow{animation:scenePulse 5s ease-in-out infinite}@keyframes sceneFloat{50%{transform:translateY(-9px)}}@keyframes scenePulse{50%{transform:scale(1.08);opacity:.78}}@supports (animation-timeline: view()){.section-heading,.feature-card,.steps-list>div,.plan-card,.support-banner{animation:revealSection both ease-out;animation-timeline:view();animation-range:entry 5% cover 32%}@keyframes revealSection{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:1050px){.auth-page{grid-template-columns:.8fr 1.2fr}.auth-visual{padding:55px 42px}.auth-brand{margin-bottom:45px}.auth-visual h2{font-size:42px}}@media(max-width:900px){.auth-page{grid-template-columns:1fr}.auth-visual{min-height:520px}.auth-visual-content{margin-inline:auto}.auth-panel{padding:45px 20px 70px}.auth-card{margin-top:-90px}.auth-brand{margin-bottom:34px}}@media(max-width:680px){.language-trigger{min-width:69px;padding:0 8px;gap:5px}.language-popover{position:fixed;top:73px;right:14px}.auth-visual{min-height:480px;padding:48px 23px 120px}.auth-visual h2{font-size:37px;letter-spacing:-2px}.auth-signal{padding:13px}.auth-panel{padding:0 14px 55px}.auth-card{margin-top:-70px;padding:27px 19px;border-radius:22px}.auth-card-title>svg{display:none}.auth-form .two-fields{grid-template-columns:1fr;gap:16px}.auth-create-callout{align-items:flex-start;flex-direction:column}.auth-create-callout .button{width:100%}.auth-trust{text-align:center}.nav-actions{gap:7px}}@media(max-width:480px){.site-nav,.hero-grid,.hero-copy,.auth-page,.auth-visual,.auth-visual-content,.auth-panel,.auth-card,.auth-form,.auth-form label,.auth-form .two-fields{min-width:0;max-width:100%}.nav-actions .button{display:none}.site-nav{gap:8px}.mobile-menu{margin-left:0}.hero-copy{overflow:hidden}.hero h1{white-space:normal;overflow-wrap:break-word}.auth-card{overflow:hidden}.auth-form input,.password-field{min-width:0;max-width:100%}}
