:root{--bg:#061016;--bg2:#09151c;--panel:#0d1921;--panel2:#101e27;--line:#2a3c46;--line2:#18313e;--text:#e8eef2;--muted:#9cabb5;--cyan:#0ec5ff;--cyan2:#008bc4;--gold:#ffbd27;--green:#11c777;--red:#ff4b5e;--purple:#a842ef;--radius:5px;--shadow:0 7px 22px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Segoe UI",sans-serif;background:#050d12;color:var(--text);font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.site-body{background:radial-gradient(circle at 8% 18%,rgba(0,180,230,.14),transparent 20%),radial-gradient(circle at 92% 10%,rgba(0,150,220,.10),transparent 22%),#050d12}.site-wrap{width:min(1420px,calc(100% - 40px));margin:0 auto}.topbar{height:40px;background:#060d12;border-bottom:1px solid #17404f;font-size:13px}.topbar-inner{height:40px;display:flex;align-items:center;justify-content:space-between}.welcome i{display:inline-block;width:9px;height:9px;background:#41d17f;border-radius:50%;margin-right:5px;box-shadow:0 0 8px #41d17f88}.welcome b{color:#5c6970;margin:0 4px}.toplinks{display:flex;height:100%}.toplinks a{padding:0 16px;display:flex;align-items:center;border-left:1px solid #15252e;color:#0ec5ff;font-weight:700}.toplinks a:hover{background:#0b1820}.brandbar{background:linear-gradient(90deg,#0a151b,#081118);border-bottom:1px solid #253a44}.brand-row{height:132px;display:grid;grid-template-columns:450px 1fr;align-items:center;gap:25px}.brand img{width:440px;max-height:115px;object-fit:contain}.header-banner{height:104px;border:1px solid #19313d;background:#061017;overflow:hidden}.header-banner img{width:100%;height:100%;object-fit:cover}.mainnav{background:linear-gradient(#142028,#0b141a);border-top:1px solid #33434d;border-bottom:1px solid #000;box-shadow:0 3px 10px #0008}.nav-inner{min-height:57px;display:flex;align-items:stretch}.nav-links{display:flex;flex:1;min-width:0}.nav-links a{padding:0 20px;display:flex;align-items:center;font-weight:700;border-right:1px solid #32404a;border-left:1px solid #071018;white-space:nowrap}.nav-links a:hover,.nav-links a.active{background:linear-gradient(#0db4e8,#0077a8);color:#fff}.nav-search{width:285px;margin:7px 0 7px auto;display:flex;background:#040a0e;border:1px solid #31424c;border-radius:5px}.nav-search input{flex:1;min-width:0;background:transparent;border:0;color:#dce6eb;padding:0 13px;outline:0}.nav-search button{width:48px;background:transparent;border:0;color:#fff;font-size:23px}.nav-toggle{display:none}.home{padding:20px 0 28px}.dark-card,.panel-card{background:linear-gradient(145deg,#111d24,#09141a);border:1px solid #334650;border-radius:var(--radius);box-shadow:var(--shadow)}.dark-card h3{height:50px;margin:0;padding:0 17px;display:flex;align-items:center;gap:10px;background:linear-gradient(#17252e,#0e171d);border-bottom:1px solid #02070a;font-size:17px}.dark-card h3>a{margin-left:auto;font-size:12px;text-decoration:underline;font-weight:400}.cyan{color:var(--cyan);font-size:23px}.gold{color:var(--gold);font-size:22px}.hero-grid{display:grid;grid-template-columns:275px minmax(0,1fr) 300px;gap:20px}.service-menu{overflow:hidden}.service-menu>a{height:52px;display:grid;grid-template-columns:38px 1fr 20px;align-items:center;padding:0 14px;border-top:1px solid #273740;border-bottom:1px solid #050a0d}.service-menu>a:hover{background:#10232d}.service-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:4px;background:#0fc4ff;color:#021219;font-size:12px}.service-menu i{font-style:normal;color:#aab8bf;font-size:23px}.hero-card{position:relative;height:327px;border:1px solid #344853;background:#061017;overflow:hidden;box-shadow:var(--shadow)}.hero-card>img{width:100%;height:100%;object-fit:cover}.hero-buy{position:absolute;left:48px;bottom:24px;background:linear-gradient(#0dc7ff,#008ecb);border:1px solid #4fd8ff;color:white;padding:14px 25px;font-weight:900;border-radius:4px;box-shadow:0 4px 12px #0009}.feature-strip{height:90px;display:grid;grid-template-columns:repeat(5,1fr);margin-top:17px;gap:8px}.feature-strip>div{background:linear-gradient(#14212a,#0b1419);border:1px solid #354952;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:4px;box-shadow:var(--shadow)}.feature-strip b{font-size:34px;color:var(--cyan);line-height:1}.feature-strip span{font-weight:700;font-size:12px;margin-top:8px}.popular{overflow:hidden}.popular-row{height:74px;display:grid;grid-template-columns:68px 1fr 67px 80px;align-items:center;gap:7px;padding:5px 9px;border-top:1px solid #2b3b43;border-bottom:1px solid #05090c;background:linear-gradient(90deg,#0d171c,#14242b)}.popular-row:nth-child(3n+3){background:linear-gradient(90deg,#0c1d1a,#0b2c2c)}.popular-row:nth-child(3n+4){background:linear-gradient(90deg,#1c1710,#2d1c0a)}.popular-row:nth-child(3n+5){background:linear-gradient(90deg,#1d1115,#32121c)}.popular-row img{width:68px;height:60px;object-fit:cover}.popular-row b{font-size:20px}.popular-row small{display:block;color:#dce9ee}.popular-row strong{font-size:21px;color:#ffd149;white-space:nowrap}.popular-row strong small{display:inline;font-size:11px}.popular-row a{background:linear-gradient(#0dc7ff,#0085bd);padding:9px 8px;text-align:center;border-radius:4px;font-size:11px;font-weight:900}.section-gap{margin-top:20px}.tri-grid{display:grid;grid-template-columns:1.05fr 1fr 1.05fr;gap:20px}.announce-line{display:grid;grid-template-columns:110px 1fr;padding:10px 17px;border-bottom:1px solid #20303a}.announce-line:hover{background:#11232c}.announce-line time{color:#c7d0d6}.announce-line span{font-weight:600}.why-card ul{list-style:none;margin:12px 18px;padding:0}.why-card li{padding:6px 0}.why-card li::first-letter{color:var(--cyan)}.support-card{padding-bottom:15px;background-image:radial-gradient(circle at 90% 65%,rgba(24,116,160,.18),transparent 40%)}.support-card h4,.support-card p{margin-left:18px;margin-right:18px}.support-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 18px}.support-actions a,.whatsapp{background:linear-gradient(#2c5268,#1e3848);border:1px solid #4a6979;border-radius:4px;text-align:center;padding:11px;font-weight:700}.support-actions .whatsapp,.whatsapp{background:linear-gradient(#15d77e,#079c55);border-color:#3aee9d}.double-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:20px}.datacenter>p{margin:14px 18px}.datacenter-body{display:grid;grid-template-columns:1.1fr .9fr;gap:8px;align-items:center;padding:0 14px 15px}.datacenter-body img{height:270px;width:100%;object-fit:cover;border:1px solid #273e49}.datacenter-body ul{list-style:none;margin:0;padding:10px}.datacenter-body li{padding:9px 0;color:#dbe5ea}.datacenter-body li::first-letter{color:var(--cyan)}.other-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px}.other-grid>div{min-height:150px;border:1px solid #31434d;background:#111e25;padding:15px;display:grid;grid-template-columns:55px 1fr;grid-template-rows:auto 1fr auto;column-gap:12px}.big-icon{grid-row:1/4;width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#0ec5ff;color:#041017;font-size:18px}.other-grid h4{margin:3px 0}.other-grid p{margin:5px 0;color:#bac6cc}.other-grid a{justify-self:start;background:#31556a;border:1px solid #5f8294;padding:6px 12px;border-radius:3px;font-size:12px;font-weight:bold}.pricing-table{overflow:hidden}.table-scroll,.table-wrap{overflow:auto}.pricing-table table,.panel-table{width:100%;border-collapse:collapse}.pricing-table th,.pricing-table td{padding:11px 15px;border:1px solid #2a3a42;text-align:left}.pricing-table th{background:#12222b}.pricing-table td{background:#09151b}.pricing-table .price{font-size:20px;color:#ffd34a;font-weight:900}.buy-mini{display:inline-block;min-width:96px;background:linear-gradient(#10c9ff,#007eb8);padding:7px 13px;text-align:center;border-radius:3px;font-weight:bold}.last{margin-bottom:12px}.testimonial-card{padding-bottom:20px}.testimonial-card blockquote{font-size:16px;line-height:1.6;margin:28px 35px 10px;border-left:5px solid #6b8ba0;padding-left:20px;color:#e7edf0}.testimonial-card>b,.testimonial-card>small,.testimonial-card>.stars{margin-left:35px}.stars{color:#ffd139;font-size:20px}.faq-card{padding-bottom:12px}.faq-card details{margin:8px 15px;border:1px solid #253842;background:#071218}.faq-card summary{padding:11px 14px;cursor:pointer;font-weight:600}.faq-card details p{padding:0 14px 12px;margin:0;color:#b8c4ca}.footer{border-top:1px solid #2a3e48;background:radial-gradient(circle at 0 0,#10202a,transparent 40%),#071015;margin-top:18px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:50px;padding:30px 20px}.footer-logo{max-width:310px}.footer p{color:#c1cbd0}.footer h4{color:var(--cyan);margin:5px 0 10px}.footer-grid>div>a{display:block;padding:4px 0;color:#ced7dc}.footer-grid>div>a:hover{color:var(--cyan)}.social-boxes{display:flex;gap:7px}.social-boxes span{width:32px;height:32px;border:1px solid #48606c;background:#173141;display:grid;place-items:center;border-radius:4px}.footer-bottom{border-top:1px solid #263741;padding:14px 0;background:#050b0f}.footer-bottom>div{display:flex;justify-content:space-between;font-size:12px;color:#c2ccd1}.page-shell{padding:34px 0 45px;min-height:500px}.page-head{margin-bottom:22px}.page-head h1{font-size:34px;margin:0}.page-head p{color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{border:1px solid #344a55;background:#0b171e;border-radius:7px;overflow:hidden;box-shadow:var(--shadow)}.product-card>img{width:100%;height:160px;object-fit:cover;background:#071017}.product-card>div{padding:17px}.product-card small{color:var(--cyan)}.product-card h3{font-size:22px;margin:5px 0}.product-card p{color:#b8c4ca;min-height:42px}.product-meta{display:flex;gap:8px;margin:12px 0}.product-meta span{background:#122936;border:1px solid #274653;padding:5px 8px;border-radius:3px;font-size:12px}.product-card strong{display:block;color:#ffd143;font-size:19px;margin:13px 0}.card-actions{display:flex;gap:8px}.card-actions a{flex:1;text-align:center;padding:9px;border:1px solid #3c5968;background:#17303e;border-radius:4px}.card-actions a.primary{background:#009dd2;border-color:#19c5ff}.product-detail{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;padding:22px}.product-visual img{width:100%;height:420px;object-fit:cover;border:1px solid #2a414c}.eyebrow{color:var(--cyan);font-weight:bold}.product-detail h1{font-size:38px;margin:6px 0 12px}.product-detail p{color:#c4cdd2}.detail-price{font-size:34px;color:#ffd13d;font-weight:900;margin:18px 0}.detail-price small{font-size:14px;color:#a7b5bd}.spec-list{list-style:none;padding:0;border-top:1px solid #2a3b45}.spec-list li{padding:9px 0;border-bottom:1px solid #22343d}.big-buy,.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;border:1px solid #2bd2ff;background:linear-gradient(#11c5fc,#008cc2);color:white;border-radius:4px;padding:12px 18px;font-weight:800;cursor:pointer}.btn-secondary{background:#254556;border-color:#55788a}.content-page{padding:28px}.content-page h1{font-size:34px;margin-top:0}.prose{white-space:normal;line-height:1.7;color:#d2dce1}.two-form{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.form-card,.info-card{padding:25px}.wide{display:block;width:100%;margin-top:15px}.search-large{display:flex;gap:10px;margin-bottom:25px}.search-large input{flex:1}.search-large button{padding:0 25px}.search-results a{display:block;border:1px solid #263b46;background:#0a151b;padding:12px;margin:8px 0}.search-results small{display:block;color:#9eaeb7}.news-item{border-bottom:1px solid #2a3a43;padding:16px 0}.news-item time{color:var(--cyan)}.news-item h2{margin:4px 0}.empty-state{text-align:center;padding:80px 20px}.empty-state>b{font-size:70px;color:var(--cyan)}.auth-shell{min-height:620px;display:grid;place-items:center;padding:40px 0}.auth-card{width:min(500px,100%);padding:30px}.auth-card h1{font-size:30px;margin:0 0 5px}.auth-card>p{color:#aebac1}.auth-foot{text-align:center;margin-top:16px;color:#a9b6bd}.auth-foot a{color:var(--cyan)}
label{display:block;font-weight:700;margin:12px 0;color:#dfe8ec}label small{display:block;color:#8799a4;font-weight:normal;margin-top:5px}input,textarea,select{width:100%;border:1px solid #3a5360;background:#071219;color:#f1f5f7;border-radius:4px;padding:10px 11px;outline:none}input:focus,textarea:focus,select:focus{border-color:#10bdea;box-shadow:0 0 0 2px #0ab7e52c}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row.three{grid-template-columns:1fr 1fr 1fr}.check,.check-row{display:flex;align-items:center;gap:8px}.check input{width:auto}.check-row{gap:30px;margin:12px 0}.check a{color:var(--cyan)}.flash{margin-top:12px;padding:12px 15px;border-radius:4px;border:1px solid}.flash-success{background:#0b3324;border-color:#19784d;color:#a5f5c6}.flash-error{background:#3a1519;border-color:#8d2633;color:#ffc0c8}.notice{padding:12px;background:#132936;border-left:4px solid var(--cyan);margin:12px 0}.notice.danger{background:#35161a;border-color:var(--red)}
/* panel */.panel-body{background:#071017;min-height:100vh}.panel-sidebar{position:fixed;left:0;top:0;bottom:0;width:265px;background:linear-gradient(#0d1921,#071015);border-right:1px solid #29404b;box-shadow:7px 0 30px #0006;overflow-y:auto;z-index:30}.panel-logo{height:104px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #2b3f49}.panel-logo img{width:220px}.panel-role{padding:15px 18px;color:var(--cyan);font-size:12px;font-weight:900;border-bottom:1px solid #243741}.panel-role small{display:block;color:#dbe4e8;margin-top:4px;font-weight:normal}.panel-sidebar nav{padding:10px}.panel-sidebar nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;margin:3px 0;border-radius:4px;color:#cbd5da}.panel-sidebar nav a span{width:24px;text-align:center;color:var(--cyan);font-weight:bold}.panel-sidebar nav a:hover{background:#112b38;color:#fff}.logout-form{padding:12px}.logout-form button{width:100%;background:#2d181b;color:#ffb1ba;border:1px solid #5c2a31;padding:11px;border-radius:4px;cursor:pointer}.panel-shell{margin-left:265px;min-height:100vh}.panel-top{height:74px;background:#0b171e;border-bottom:1px solid #2d414b;display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:20;box-shadow:0 4px 15px #0005}.panel-top>div:first-of-type{display:flex;flex-direction:column}.panel-top small{color:#81939d;margin-top:3px}.panel-user{margin-left:auto;display:flex;align-items:center;gap:12px;color:#aebcc3}.panel-user i{width:38px;height:38px;border-radius:50%;background:linear-gradient(#12c5f7,#037aaa);display:grid;place-items:center;color:#fff;font-style:normal;font-weight:900}.panel-toggle{display:none;background:#11232d;color:#fff;border:1px solid #35505e;padding:8px 10px;border-radius:3px}.panel-content{padding:26px;max-width:1700px;margin:0 auto}.panel-hero,.admin-title{background:linear-gradient(110deg,#0e2c3b,#0d1720 55%,#1d1408);border:1px solid #2a4a5a;border-radius:7px;padding:25px 28px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow);margin-bottom:20px}.panel-hero span,.admin-title span{color:var(--cyan);font-weight:bold;font-size:12px;letter-spacing:1.2px}.panel-hero h1,.admin-title h1{margin:4px 0;font-size:30px}.panel-hero p,.admin-title p{margin:0;color:#adbbc3}.quick-actions{display:flex;gap:10px}.quick-actions a,.btn-small{padding:8px 12px;background:#173141;border:1px solid #3b6175;border-radius:4px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.metric{background:linear-gradient(145deg,#101f28,#0a151b);border:1px solid #2a414c;border-left:4px solid var(--cyan);padding:18px;border-radius:5px;box-shadow:var(--shadow)}.metric span{color:#9eafb8;font-weight:bold}.metric b{display:block;font-size:32px;margin-top:5px}.metric.warn{border-left-color:var(--gold)}.metric.danger{border-left-color:var(--red)}.panel-card{padding:20px;margin-bottom:20px}.panel-card h1,.panel-card h2{margin-top:0}.card-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.card-title h1,.card-title h2{margin:0}.card-title>a{color:var(--cyan)}.panel-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service-mini{border:1px solid #2c4652;background:#0a151b;padding:15px;border-radius:5px;display:grid;grid-template-columns:1fr auto;gap:8px}.service-mini h3{margin:6px 0}.service-mini>strong{font-size:28px;color:#ffd247;text-align:right}.service-mini>strong small{display:block;font-size:11px;color:#8999a2}.expiry{grid-column:1/-1;border-top:1px solid #21343d;padding-top:8px;color:#94a5ae}.status{display:inline-flex;padding:4px 8px;border-radius:20px;font-size:11px;font-weight:800;background:#18303d;color:#bfeeff;white-space:nowrap}.status-active,.status-answered,.status-paid{background:#0d3a2a;color:#80ebb1}.status-waiting_transfer,.status-pending{background:#392d0c;color:#ffd76c}.status-payment_review,.status-provisioning{background:#0a3244;color:#68d8ff}.status-cancelled,.status-rejected,.status-expired,.status-closed{background:#40151c;color:#ffadb7}.status-suspended{background:#3d2c0c;color:#ffd37a}.list-row{display:flex;align-items:center;gap:15px;padding:11px 4px;border-bottom:1px solid #233640}.list-row>span:first-child{flex:1}.list-row small{display:block;color:#82949e;margin-top:2px}.list-row strong{white-space:nowrap}.narrow{max-width:920px;margin-left:auto;margin-right:auto}.wide-form{max-width:1100px}.order-product{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;background:#09151b;border:1px solid #2b4350;padding:15px;margin:15px 0}.order-product img{width:150px;height:110px;object-fit:cover}.order-product h2{margin:0}.order-product strong{color:#ffd13d;font-size:20px}.detail-list{margin:15px 0}.detail-list>div{display:grid;grid-template-columns:160px 1fr;padding:8px 0;border-bottom:1px solid #263944}.detail-list dt{color:#8fa0aa}.detail-list dd{margin:0;font-weight:bold}.invoice-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #253942}.copy-box{display:flex;background:#061016;border:1px solid #2f4b59;border-radius:4px;overflow:hidden}.copy-box code{padding:11px;flex:1}.copy-box button{border:0;background:#1a465c;color:#fff;padding:0 15px}.file-row{display:flex;justify-content:space-between;padding:9px 10px;border:1px solid #29414e;background:#0a171e;margin:6px 0}.file-row span{color:var(--cyan)}.service-grid-large{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-box{border:1px solid #304956;background:linear-gradient(145deg,#10212b,#09151b);padding:17px;border-radius:6px}.service-top{display:flex;justify-content:space-between}.service-box h2{margin:10px 0 5px}.service-box>p{color:#a8b7bf}.days{display:flex;align-items:end;gap:8px;margin:15px 0}.days strong{font-size:46px;line-height:1;color:#ffd143}.days span{padding-bottom:6px;color:#9cafb8}.progress{height:8px;background:#061016;border-radius:6px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#0acb83,#11baff)}.service-box dl>div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #263943}.service-box dt{color:#91a1aa}.service-box dd{margin:0}.messages{margin:18px 0}.message{border:1px solid #2b424f;background:#09171e;padding:14px;margin:10px 0;border-radius:5px}.message.staff{border-left:4px solid var(--cyan);background:#0a202b}.message.customer-msg{border-left:4px solid #6a8290}.message>div{display:flex;justify-content:space-between}.message time{color:#8fa0a9;font-size:12px}.message p{margin-bottom:0}.panel-table{min-width:760px}.panel-table th,.panel-table td{padding:11px 12px;border-bottom:1px solid #263a45;text-align:left;vertical-align:middle}.panel-table th{color:#9ec0d0;background:#0b1920;font-size:12px;text-transform:uppercase}.panel-table tr:hover td{background:#0d1d25}.panel-table small{display:block;color:#8497a1;margin-top:3px}.actions{display:flex;align-items:center;gap:10px}.actions a,.btn-link{color:var(--cyan);border:0;background:transparent;cursor:pointer;padding:0}.actions form{display:inline}.actions button{border:0;background:transparent;color:#ff8e9a;cursor:pointer}.service-inline{display:grid;grid-template-columns:70px 110px 140px auto;gap:6px}.service-inline input,.service-inline select{padding:7px}.service-inline button{background:#1a566f;border:1px solid #347d9a;color:#fff;border-radius:3px}.bank-row,.content-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #243844}.bank-row>div,.content-row>div{flex:1}.bank-row small,.content-row small{display:block;color:#8fa0a9}.bank-row code{display:block;margin-top:5px;color:#dbe6eb}.content-row p{margin:5px 0;color:#abb9c0}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.module-card{border:1px solid #2c4652;background:#09171e;padding:15px;display:flex;justify-content:space-between;align-items:center;border-radius:5px}.module-card h3{margin:7px 0 2px}.module-card p{margin:0;color:#8598a2}.module-card>b{font-size:11px;color:#ffd354}.switch input{display:none}.switch i{display:block;width:46px;height:24px;border-radius:20px;background:#3a1d22;position:relative;cursor:pointer}.switch i:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+i{background:#098a5a}.switch input:checked+i:after{left:25px}.message-list{display:grid;gap:12px}.contact-message{border:1px solid #2a414c;padding:15px;background:#0a161c;border-radius:5px}.contact-message.unread{border-left:4px solid var(--cyan)}.contact-message>div{display:grid;grid-template-columns:1fr auto}.contact-message small{display:block;color:#8fa1aa}.contact-message time{grid-row:1/3;grid-column:2}.danger-text{color:#ff7987!important}.muted{color:#8799a3}.full{width:100%}.small{padding:8px 12px;font-size:12px}.inline-filter{display:flex;gap:6px}.inline-filter select{min-width:180px}.inline-filter button{background:#1a465c;color:#fff;border:1px solid #3c667b;border-radius:4px}.admin-title{margin-bottom:20px}
@media(max-width:1200px){.site-wrap{width:min(1100px,calc(100% - 28px))}.brand-row{grid-template-columns:330px 1fr}.brand img{width:320px}.hero-grid{grid-template-columns:230px minmax(0,1fr)}.popular{grid-column:1/-1}.popular{display:grid;grid-template-columns:repeat(5,1fr)}.popular h3{grid-column:1/-1}.popular-row{grid-template-columns:55px 1fr auto;min-height:88px;height:auto}.popular-row a{grid-column:2/4}.popular-row img{width:55px}.product-grid{grid-template-columns:repeat(3,1fr)}.panel-sidebar{width:235px}.panel-shell{margin-left:235px}.service-grid-large{grid-template-columns:repeat(2,1fr)}.service-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.toplinks a{padding:0 9px}.brand-row{height:auto;padding:14px 0;grid-template-columns:1fr}.brand img{width:300px}.header-banner{height:80px}.nav-inner{position:relative;flex-wrap:wrap}.nav-toggle{display:block;width:54px;border:0;background:#0f2733;color:#fff;font-size:22px}.nav-links{display:none;position:absolute;top:57px;left:0;right:0;background:#0c171e;z-index:50;flex-direction:column;border:1px solid #314550}.nav-links.open{display:flex}.nav-links a{min-height:46px}.nav-search{flex:1}.hero-grid{grid-template-columns:1fr}.service-menu{order:2}.hero-grid>div{order:1}.popular{order:3}.service-menu>a{height:46px}.tri-grid,.double-grid,.two-form{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.panel-sidebar{transform:translateX(-100%);transition:.2s;width:265px}.panel-sidebar.open{transform:translateX(0)}.panel-shell{margin-left:0}.panel-toggle{display:block;margin-right:14px}.panel-user span{display:none}.metric-grid{grid-template-columns:1fr 1fr}.panel-two{grid-template-columns:1fr}.service-grid-large{grid-template-columns:1fr 1fr}.module-grid{grid-template-columns:1fr 1fr}.panel-content{padding:18px}.product-detail{grid-template-columns:1fr}.service-inline{grid-template-columns:60px 105px 120px auto}}
@media(max-width:620px){body{font-size:13px}.site-wrap{width:calc(100% - 18px)}.topbar{height:auto}.topbar-inner{height:auto;min-height:38px}.toplinks a{font-size:0;padding:0 7px}.toplinks a:first-letter{font-size:14px}.brand-row{padding:8px 0}.brand img{width:250px}.header-banner{height:65px}.nav-search{width:auto}.hero-card{height:270px}.hero-buy{left:22px;bottom:18px;padding:10px 15px;font-size:12px}.feature-strip{grid-template-columns:repeat(5,1fr);gap:3px;height:72px}.feature-strip b{font-size:22px}.feature-strip span{font-size:9px;text-align:center}.popular{grid-template-columns:1fr}.popular h3{grid-column:1}.popular-row{grid-template-columns:60px 1fr 65px 74px}.popular-row a{grid-column:auto}.support-actions{grid-template-columns:1fr}.datacenter-body{grid-template-columns:1fr}.datacenter-body img{height:220px}.other-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;padding:25px 10px;gap:20px}.footer-bottom>div{flex-direction:column;gap:8px}.product-detail{padding:14px}.product-visual img{height:260px}.product-detail h1{font-size:30px}.form-row,.form-row.three{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric{padding:13px}.metric b{font-size:25px}.panel-top{padding:0 14px}.panel-content{padding:12px}.panel-hero,.admin-title{padding:17px;align-items:flex-start;flex-direction:column;gap:14px}.service-cards,.service-grid-large,.module-grid{grid-template-columns:1fr}.order-product{grid-template-columns:1fr}.order-product img{width:100%;height:180px}.detail-list>div{grid-template-columns:110px 1fr}.card-title{align-items:flex-start}.quick-actions{width:100%}.quick-actions a{flex:1;text-align:center}.service-inline{display:grid;grid-template-columns:1fr 1fr}.service-inline input:nth-of-type(2){grid-column:1/-1}.service-inline button{grid-column:1/-1;padding:8px}.panel-user i{width:34px;height:34px}.panel-user{margin-left:auto}.auth-shell{min-height:520px;padding:25px 0}.auth-card{padding:20px}}
.hero-copy{position:absolute;left:50px;top:62px;z-index:2;text-shadow:0 3px 8px #000}.hero-copy>span{display:inline-block;color:#19d0ff;background:#07354a;border:1px solid #0bbce9;padding:5px 8px;border-radius:3px;font-weight:900;font-style:italic;letter-spacing:.7px}.hero-copy h1{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-style:italic;font-size:48px;line-height:.95;letter-spacing:1px;margin:10px 0 9px;color:#eef5f7}.hero-copy h1 strong{display:block;color:#08bdf3;font-weight:inherit}.hero-copy p{margin:0;color:#c5d5dd;font-size:13px;font-weight:bold;letter-spacing:.4px}@media(max-width:620px){.hero-copy{left:22px;top:48px}.hero-copy h1{font-size:36px}.hero-copy p{font-size:10px;max-width:290px}}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;align-items:end}.form-grid>.full{grid-column:1/-1}.form-grid>.btn-primary,.form-grid>button{justify-self:start}.status-operational{background:#0d3a2a;color:#80ebb1}.status-degraded{background:#392d0c;color:#ffd76c}.status-outage{background:#40151c;color:#ffadb7}pre{font-family:Consolas,"Courier New",monospace;color:#d8e6ed;background:#061016;border:1px solid #263d49;border-radius:4px}@media(max-width:620px){.form-grid{grid-template-columns:1fr}.form-grid>.full{grid-column:auto}}

/* v2.1.1 sanalserver.net catalog + HD media fixes */
.hero-card .hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,18,.88) 0%,rgba(3,12,18,.65) 42%,rgba(3,12,18,.08) 72%,rgba(3,12,18,.02) 100%);pointer-events:none}
.hero-card>img{image-rendering:auto}
.popular-row,.popular-row:nth-child(3n+3),.popular-row:nth-child(3n+4),.popular-row:nth-child(3n+5){background:linear-gradient(90deg,#0d171c,#14242b)}
.popular-row{grid-template-columns:74px minmax(0,1fr) 84px 88px;min-height:74px;height:auto}
.popular-row img{width:74px;height:62px;object-fit:cover;image-rendering:auto;border:1px solid #29424d;border-radius:3px}
.popular-row>div{min-width:0}.popular-row>div b,.popular-row>div small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.popular-row strong{font-size:18px;text-align:right}.popular-row a{min-width:82px}
.catalog-empty{padding:18px;color:#aebdc5;text-align:center}.catalog-empty-large{grid-column:1/-1;padding:50px 20px}
.catalog-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.catalog-filters a{padding:8px 12px;border:1px solid #31505e;background:#0d1a21;border-radius:4px;color:#c9d6dc}.catalog-filters a:hover,.catalog-filters a.active{background:#087eaa;border-color:#17c7ff;color:#fff}
.product-card>img{height:210px;object-fit:cover;image-rendering:auto}.product-card p{min-height:58px}.source-link{display:inline-block;margin-top:12px;color:#59cef5;font-size:12px}.source-link:hover{text-decoration:underline}
.sync-box{display:grid;grid-template-columns:1.4fr .8fr;gap:24px;padding:20px;border:1px solid #29424e;background:#0a151b;border-radius:7px;margin:18px 0}.sync-box h2{margin-top:0}.sync-box ul{padding-left:20px;color:#b9c7ce}.sync-box form{display:flex;flex-direction:column;gap:14px;justify-content:center}.check-line{display:flex;gap:9px;align-items:flex-start;line-height:1.5}.check-line input{width:auto;margin-top:4px}.sync-metrics{margin:8px 0 18px}
.pricing-table td{vertical-align:middle}.pricing-table td:nth-child(3),.pricing-table td:nth-child(4),.pricing-table td:nth-child(5){color:#cddbe2}
@media(max-width:1200px){.popular-row{grid-template-columns:70px minmax(0,1fr) 80px 86px}.popular-row a{grid-column:auto}}
@media(max-width:900px){.sync-box{grid-template-columns:1fr}.product-card>img{height:190px}}
@media(max-width:620px){.popular-row{grid-template-columns:68px minmax(0,1fr) 70px 78px;gap:5px;padding:5px}.popular-row img{width:68px;height:58px}.popular-row strong{font-size:15px}.popular-row a{font-size:10px;padding:8px 5px;min-width:0}.product-card>img{height:200px}.catalog-filters{gap:5px}.catalog-filters a{padding:7px 9px;font-size:11px}}