@charset "UTF-8";
:root{color-scheme:dark;--bg:#050c17;--bg2:#071321;--panel:#0b1929;--panel2:#0c1b30;--border:#17334a;--text:#e9f0ff;--muted:#91a5bd;--blue:#158bff;--cyan:#22c6ff;--purple:#9551ff;--red:#ff5a65;--green:#11cd76;--gold:#ffc248;--radius:11px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:radial-gradient(ellipse at 63% -10%,#0b2341 0,transparent 33%),radial-gradient(ellipse at -15% 55%,#091c2e 0,transparent 45%),var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;font-size:13px;min-height:100vh}
button,input{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #8ddfff;outline-offset:3px}
.svg-defs{position:absolute;height:0;width:0;overflow:hidden}
.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.wrap{max-width:1470px;padding:0 20px;margin:0 auto}
.top-shell{background:rgba(5,13,24,.94);border-bottom:1px solid #163047;box-shadow:0 8px 30px #0003;position:relative;z-index:5}
.site-header{height:69px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;flex-shrink:0}
.brand-mark{display:flex;align-items:center;justify-content:center;width:47px;height:47px;filter:drop-shadow(0 0 12px #167dff6b)}
.brand-mark svg{width:44px;height:44px}
.brand-text{font-size:25px;font-weight:950;letter-spacing:-1px;line-height:1;text-shadow:0 0 20px #4773ff40;color:#f1f5ff}
.brand-text span{color:#967cff}
.main-nav{display:flex;align-items:center;gap:1px;min-width:0;height:100%}
.nav-link{border:0;background:transparent;display:flex;align-items:center;gap:8px;padding:12px 11px;color:#c4d1e5;font-size:12px;font-weight:760;white-space:nowrap;border-bottom:2px solid transparent;transition:.18s}
.nav-link .icon{width:16px;height:16px;color:#b0bfdc}
.nav-link:hover{color:white;background:#0d1a31}
.nav-link.active{color:#7adaff;border-bottom-color:#17bcff;background:linear-gradient(180deg,transparent,#133c6290);box-shadow:inset 0 -8px 15px #137eff14}
.nav-link.active .icon{color:#32c8ff;fill:#32c8ff18}
.header-actions{display:flex;align-items:center;gap:10px;min-width:0}
.global-search{height:39px;border:1px solid #1b334a;border-radius:10px;display:flex;align-items:center;gap:9px;padding:0 12px;background:linear-gradient(135deg,#101c2f,#122034);width:205px;transition:.2s}
.global-search:focus-within{border-color:#297aca;box-shadow:0 0 0 3px #1686fa19}
.global-search .icon{color:#a6bada;width:17px;height:17px}
.global-search input{background:none;border:0;outline:0;color:white;width:100%;min-width:0;font-size:12px}
.global-search input::placeholder{color:#8197b5}
.icon-button{position:relative;width:39px;height:39px;border:1px solid #1b334a;border-radius:10px;background:#122034;color:#c7dafa;display:grid;place-items:center}
.icon-button:hover{background:#193151}
.notifications i{position:absolute;right:7px;top:5px;background:#fc4563;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 2px #112136}
.header-login{height:39px;border:1px solid #19334d;background:linear-gradient(180deg,#17283f,#0b1b2c);border-radius:9px;padding:0 12px;color:#e9f2ff;display:flex;gap:8px;align-items:center;white-space:nowrap;font-size:12px;font-weight:790}
.header-login:hover{border-color:#2b7ed1}
.header-login .icon{width:18px;height:18px}
.menu-toggle{display:none;background:#13253b;border:1px solid #224763;border-radius:8px;color:white;width:42px;height:40px;align-items:center;justify-content:center}
.hero-grid{display:grid;grid-template-columns:minmax(0,3.2fr) minmax(285px,1fr);gap:20px;margin-top:17px}
.hero-banner,.login-panel,.advantages,.sidebar-box,.bottom-benefits,.product-card,.pricing-card{border:1px solid var(--border);border-radius:var(--radius)}
.hero-banner{min-height:277px;position:relative;overflow:hidden;background:radial-gradient(circle at 79% 15%,#173f93a3 0,transparent 30%),radial-gradient(circle at 97% 82%,#6021aa85 0,transparent 38%),linear-gradient(120deg,#060d18 4%,#0a142e 56%,#080c1e);border-color:#1c4b82;isolation:isolate}
.hero-banner:before{content:"";position:absolute;inset:0;opacity:.32;background-image:linear-gradient(115deg,transparent 0 48%,#258bff30 48.05%,transparent 48.15%),linear-gradient(165deg,transparent 0 65%,#764cff42 65.15%,transparent 65.3%);pointer-events:none}
.hero-glow{position:absolute;border-radius:50%;filter:blur(45px);pointer-events:none}
.hero-glow-a{background:#075dff75;width:160px;height:140px;left:51%;top:-70px}
.hero-glow-b{background:#9b21ff65;width:180px;height:140px;right:-55px;bottom:-70px}
.hero-illustration{position:absolute;z-index:0;width:61%;max-width:575px;right:-22px;top:-26px;bottom:-24px;opacity:.94;mask-image:linear-gradient(90deg,transparent 0%,#000 26%,#000 100%);pointer-events:none}
.hero-illustration svg{height:100%;width:100%;filter:drop-shadow(0 0 26px #2c41b565)}
.hero-content{position:relative;z-index:1;padding:26px 35px 23px;display:flex;flex-direction:column;align-items:flex-start;height:100%;min-height:277px}
.hero-eyebrow{font-size:10px;font-weight:900;letter-spacing:1.8px;color:#5ed5ff;display:flex;align-items:center;gap:8px;margin-bottom:5px}
.live-dot{width:7px;height:7px;border-radius:50%;background:#25d3f7;box-shadow:0 0 11px #25d3f7}
.hero-content h1{font-weight:1000;font-size:clamp(44px,5.2vw,69px);letter-spacing:-2px;line-height:1.09;margin:0 0 4px;color:#42dfff;text-shadow:0 4px 28px #079fe999}
.hero-content h1 span{background:linear-gradient(110deg,#89defd 8%,#93a0ff 50%,#9166ff);color:transparent;background-clip:text;-webkit-background-clip:text}
.hero-content h2{font-size:clamp(15px,1.75vw,23px);font-weight:950;color:#b2ceff;text-shadow:0 2px 16px #3671ff69;margin:0;max-width:620px;letter-spacing:-.4px}
.hero-tagline{color:#70c3ff;font-size:clamp(11px,1.15vw,15px);font-weight:760;letter-spacing:.6px;margin:11px 0 0}
.hero-tagline em{font-style:normal;color:#7c55d0;margin:0 4px}
.hero-points{display:flex;align-items:center;gap:16px;margin-top:auto;padding-top:23px;width:100%}
.hero-points>div{display:flex;align-items:center;gap:9px;min-width:0}
.hero-point-icon{height:45px;width:45px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 40% 32%,#185dd6,#071f60 70%);border:1px solid #1f6dc4;color:#c9f4ff;box-shadow:0 0 16px #147bff50;flex-shrink:0}
.hero-point-icon .icon{height:24px;width:24px}
.hero-points b{display:block;font-size:10px;white-space:nowrap;font-weight:950;color:#f7faff}
.hero-points small{font-size:10px;display:block;color:#a5b8d2;margin-top:5px;white-space:nowrap}
.login-panel{background:linear-gradient(145deg,#091727,#071322);padding:18px 15px 13px;min-height:277px;border-color:#1b4b70}
.panel-heading{display:flex;align-items:flex-start;gap:10px;margin-bottom:17px}
.panel-heading-icon{color:#12bbff;width:25px;height:25px;border:1px solid #097ad2;background:#082c52;border-radius:6px;display:grid;place-items:center;flex-shrink:0}
.panel-heading-icon .icon{width:17px;height:17px}
.panel-heading h2{font-size:14px;font-weight:930;color:#e9f2ff;margin:2px 0 4px;white-space:nowrap}
.panel-heading p{font-size:10px;color:#869bb5;margin:0}
.login-panel form{display:flex;flex-direction:column;gap:8px}
.login-panel input:not([type=checkbox]){height:37px;width:100%;border:1px solid #1c334c;border-radius:7px;background:linear-gradient(135deg,#111d30,#14243a);color:white;padding:0 11px;outline:0;font-size:12px}
.login-panel input:focus{border-color:#2182ce}
.login-panel input::placeholder{color:#8498b7}
.password-wrap{position:relative}
.password-wrap input{padding-right:38px!important}
.password-wrap button{position:absolute;top:0;right:0;bottom:0;width:38px;border:0;background:none;color:#8da7c6;display:grid;place-items:center}
.password-wrap button .icon{width:17px;height:17px}
.login-options{display:flex;align-items:center;justify-content:space-between;gap:7px;color:#36b7ff;font-size:10px;margin:0 0 1px}
.login-options label{display:flex;align-items:center;gap:5px;white-space:nowrap}
.login-options input{accent-color:#158aff;margin:0}
.text-link,.login-register button{background:none;border:0;padding:0;color:#3cb7ff;font-size:inherit}
.text-link:hover,.login-register button:hover{text-decoration:underline}
.button-primary{border:0;border-radius:7px;background:linear-gradient(180deg,#159dff,#146af7);color:white;font-weight:900;box-shadow:0 5px 18px #096eff29;min-height:36px;padding:9px 17px}
.button-primary:hover{filter:brightness(1.12)}
.login-submit{margin-top:2px}
.login-register{color:#93a7c2;text-align:center;font-size:11px;margin:3px 0 0}
.login-register button{color:white;font-weight:800}
.login-feedback{min-height:0;margin:0;font-size:11px;line-height:1.4;color:#ffcb93}
.login-feedback:empty{display:none}
.advantages{margin:15px 0 14px;min-height:70px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:linear-gradient(95deg,#0b1725,#08121f);box-shadow:0 12px 25px #0002;overflow:hidden}
.advantages>div,.advantages>button{padding:12px 10px;display:flex;gap:11px;align-items:center;min-width:0}
.advantages b{font-size:11px;font-weight:900;display:block;color:#eef3ff;white-space:nowrap}
.advantages small{display:block;font-size:10px;margin-top:6px;color:#a0b4cc;white-space:nowrap}
.adv-icon{height:42px;width:42px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}
.adv-icon .icon{height:25px;width:25px}
.adv-icon.green{color:#00eb81;background:linear-gradient(140deg,#08362b,#06251d)}
.adv-icon.blue{color:#308aff;background:#0c295b}
.adv-icon.cyan{color:#1cbfff;background:#0b3049}
.adv-icon.red{color:#ff5a6b;background:#40202e}
.adv-icon.gold{color:#ffcb3b;background:#362d19}
.adv-icon.purple{color:#d67aff;background:#3b185e}
.adv-ctv{border:1px solid #8936fb!important;background:linear-gradient(135deg,#231341,#12112a)!important;color:inherit;text-align:left}
.adv-ctv:hover{background:#281747!important}
.market-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:19px}
.sidebar{display:flex;flex-direction:column;gap:14px}
.sidebar-box{padding:14px 10px 16px;background:linear-gradient(160deg,#0b1927,#081420);box-shadow:0 10px 30px #0002}
.sidebar-box h3{font-size:12px;margin:3px 12px 11px;font-weight:920;color:#f1f5ff}
.category{display:flex;align-items:center;gap:9px;background:none;color:#d5deed;border:0;border-radius:8px;min-height:35px;width:100%;text-align:left;padding:5px 8px;font-size:12px}
.category:hover{background:#15334d}
.category.active{background:linear-gradient(180deg,#239cff,#1468f2);color:white;box-shadow:0 7px 15px #0575ff30}
.cat-count{margin-left:auto;color:#b5c9e2;font-size:12px}
.category.active .cat-count{color:white;background:#ffffff25;padding:1px 6px;border-radius:16px}
.cat-icon{display:grid;place-items:center;height:25px;width:25px;border-radius:6px;font-size:18px;font-weight:950;flex-shrink:0}
.cat-icon .icon{width:16px;height:16px}
.cat-icon.all{background:#ffffff20}
.cat-icon.ruby{background:#431e32;color:#fa566f}
.cat-icon.grey{background:#252c3b;color:#dce7fb}
.cat-icon.mint{background:#0b4137;color:#6ce3a4}
.cat-icon.blue{background:#0e3157;color:#7cc8ff}
.cat-icon.violet{background:#2d255b;color:#af98ff}
.cat-icon.yellow{background:#513b13;color:#ffd24d}
.sidebar-games{min-height:318px}
.game-line{display:flex;align-items:center;gap:10px;padding:5px 15px;color:#e1e7f0;font-size:12px}
.game-icon{display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;border-radius:7px;font-size:17px;background:#122945;color:#a0d1ff;font-weight:bold}
.game-icon.ice{background:linear-gradient(140deg,#4253a6,#8663c7);color:white}
.game-icon.flame{background:linear-gradient(140deg,#703025,#f35f3c);color:white}
.game-icon.cube{background:linear-gradient(140deg,#657389,#2a3546);color:white}
.game-icon.fire{background:linear-gradient(140deg,#a65b08,#ff9b23);color:white}
.game-icon.grass{background:linear-gradient(140deg,#2e753c,#16391e);color:#a9ff8e}
.game-icon.iris{background:linear-gradient(140deg,#a9bfff,#f4e7ff);color:#6f64ae}
.game-icon.amber{background:linear-gradient(140deg,#e99e21,#5a4417);color:#fff1bf}
.game-icon.hot{background:#111427;color:#ff3169;border:1px solid #fb1c64}
.see-more{background:none;border:0;color:#28b5ff;font-size:12px;padding:13px 16px 0}
.see-more:hover{text-decoration:underline}
.market-main{min-width:0}
.section-heading,.plans-heading{display:flex;align-items:center;justify-content:space-between;gap:13px;min-height:37px}
.section-heading h2,.plans-heading h2{font-size:17px;font-weight:950;margin:0;color:#edf4ff;white-space:nowrap}
.heading-emoji{font-size:22px;vertical-align:middle}
.view-all{color:#22b7ff;border:0;background:none;font-size:12px;white-space:nowrap}
.view-all:hover{text-decoration:underline}
.view-all span{font-size:20px;margin-left:4px}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:8px}
.product-card{background:linear-gradient(160deg,#0e1e30,#0a1422);overflow:hidden;min-width:0;transition:transform .18s,box-shadow .18s;border-color:#1c344c}
.product-card:hover{transform:translateY(-3px);border-color:#3286d6;box-shadow:0 14px 35px #001e4a80}
.product-card.featured{border:2px solid #f04758}
.product-art{height:114px;position:relative;overflow:hidden;display:grid;place-items:center}
.product-art svg{width:100%;height:100%;position:relative;z-index:1;filter:drop-shadow(0 0 20px #2335c488)}
.product-art:before{content:"";position:absolute;inset:-40px;opacity:.9;filter:blur(14px);z-index:0}
.product-art:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 68%,#0b172a58)}
.art-diban{background:radial-gradient(ellipse at 53% 23%,#4d79c8,#1b2355 45%,#091222)}
.art-diban:before{background:radial-gradient(circle at 65% 40%,#b2c9ff80,transparent 34%),radial-gradient(circle at 25% 100%,#8b2cfa8c,transparent 49%)}
.art-moba{background:radial-gradient(circle at 67% 45%,#8e5b95,#4b2248 46%,#111227)}
.art-moba:before{background:radial-gradient(circle at 22% 22%,#9cf7ff85,transparent 30%),radial-gradient(circle at 80% 55%,#df47a38c,transparent 60%)}
.art-roblox{background:radial-gradient(circle at 50% 72%,#ed9340,#8a3c26 48%,#180e21)}
.art-roblox:before{background:radial-gradient(circle at 10% 10%,#ffcb4c90,transparent 36%),radial-gradient(circle at 87% 72%,#ff651d,transparent 42%)}
.art-genshin{background:radial-gradient(circle at 42% 21%,#b6c1ff,#626fce 48%,#161b40)}
.art-genshin:before{background:radial-gradient(circle at 0 75%,#da5ee59c,transparent 40%),radial-gradient(circle at 100% 50%,#80f2ff9c,transparent 52%)}
.hot-flag{position:absolute;top:8px;left:8px;z-index:3;padding:4px 11px;font-weight:900;color:#fff;font-size:10px;border-radius:7px;background:linear-gradient(135deg,#ff645e,#f33954);box-shadow:0 4px 12px #fc294d65}
.product-info{padding:12px 13px 11px}
.product-info h3{font-size:15px;font-weight:880;margin:0 0 7px;color:#fff;line-height:1.25}
.product-info p{color:#a2b4cc;font-size:11px;line-height:1.55;min-height:36px;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-tags{display:flex;gap:5px;align-items:center;flex-wrap:wrap;min-height:24px}
.product-tags span{font-size:10px;background:#143945;color:#80d9d9;border-radius:5px;padding:4px 6px}
.product-tags span:nth-child(1){background:#172e31;color:#b7dc91}
.product-tags .tag-orange{background:#342927!important;color:#ffc088!important}
.product-tags .tag-yellow{background:#2d311d!important;color:#f3de73!important}
.product-tags .tag-pink{background:#3a263d!important;color:#ff9bd9!important}
.product-price{display:flex;gap:9px;align-items:baseline;margin-top:7px}
.product-price strong{font-size:17px;letter-spacing:-.4px;color:#ff515b;font-weight:950}
.product-price s{font-size:11px;color:#7d8ba8}
.product-action{display:none;border:0;background:#102e50;color:#8dcfff;font-size:11px;padding:7px 9px;margin-top:10px;border-radius:6px;width:100%;text-align:left;justify-content:space-between}
.product-action:hover{background:#15436d}
.product-card:hover .product-action{display:flex}
.empty-products{border:1px dashed #316b98;border-radius:10px;padding:38px 20px;text-align:center;color:#9dbed4}
.plans-heading{margin-top:13px;align-items:center;flex-wrap:wrap}
.plan-tabs{display:flex;align-items:center;gap:5px;overflow-x:auto;max-width:100%;scrollbar-width:none}
.plan-tabs button{white-space:nowrap;border:0;background:linear-gradient(#152237,#101b2b);color:#b4c1d6;padding:10px 15px;font-size:11px;font-weight:760;border-radius:7px}
.plan-tabs button:hover{background:#1e3655;color:white}
.plan-tabs button.active{color:white;background:linear-gradient(180deg,#159cff,#1170ed);box-shadow:0 6px 18px #0a76f53a}
.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:7px}
.pricing-card{position:relative;overflow:hidden;min-width:0;padding-bottom:8px;background:linear-gradient(160deg,#0b1d2e,#071522);border-color:#124069;--plan:#168eff;--plan-dark:#0765b8}
.pricing-card.plan-green{--plan:#0fd06b;--plan-dark:#056c45;border-color:#09663d;background:linear-gradient(160deg,#0c3026,#071b19)}
.pricing-card.plan-orange{--plan:#ff8a28;--plan-dark:#a94f16;border-color:#93501a;background:linear-gradient(160deg,#322719,#171821)}
.pricing-card.plan-purple{--plan:#a342ff;--plan-dark:#612dcf;border-color:#693cd7;background:linear-gradient(160deg,#291749,#14152f)}
.plan-title{height:40px;background:linear-gradient(105deg,var(--plan-dark),var(--plan));display:flex;align-items:center;justify-content:center;gap:6px;font-size:15px;color:#fff;font-weight:1000;text-shadow:0 2px 9px #0005}
.plan-title .icon{height:20px;width:20px;fill:#ffffff55}
.plan-price{font-size:24px;font-weight:950;color:#fff;text-align:center;margin:10px 0 0;letter-spacing:-.8px}
.plan-saving{text-align:center;font-size:11px;font-weight:900;min-height:19px;color:var(--plan);margin:2px 0 6px}
.plan-features{list-style:none;margin:0 13px 10px;padding:0}
.plan-features li{font-size:11px;line-height:1.5;margin:5px 0;padding-left:26px;position:relative;color:#d3e1f2}
.plan-features li:before{content:"✓";position:absolute;left:4px;top:1px;color:#00f487;border:1.5px solid #04ef86;width:15px;height:15px;border-radius:50%;font-size:11px;line-height:12px;text-align:center;font-weight:900}
.buy-button{display:block;width:calc(100% - 18px);margin:0 9px;border:0;border-radius:6px;background:linear-gradient(115deg,var(--plan),var(--plan-dark));height:34px;color:#fff;font-weight:900;font-size:12px;box-shadow:0 6px 16px #0003}
.buy-button:hover{filter:brightness(1.12)}
.auto-renew{display:flex;align-items:center;justify-content:center;gap:7px;min-height:30px;color:#a9b8d1;font-size:11px}
.auto-renew input{appearance:none;position:relative;width:30px;height:15px;border-radius:20px;background:#31455f;flex-shrink:0;cursor:not-allowed}
.auto-renew input:before{content:"";position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#f1f4fc}
.auto-renew small{font-size:9px;color:#8199b3}
.ctv-button{display:flex;align-items:center;width:calc(100% - 14px);margin:0 7px;border:1px solid #8d50ed;background:linear-gradient(110deg,#251342,#111832);color:#bf70ff;border-radius:6px;padding:8px;gap:8px;text-align:left;min-height:47px}
.ctv-button:hover{background:#322052}
.ctv-button>.icon:first-child{height:26px;width:26px;fill:#953aff55}
.ctv-button span{min-width:0;flex:1}
.ctv-button b{display:block;color:#ead6ff;font-size:11px}
.ctv-button small{display:block;color:#ab9dc2;font-size:10px;margin-top:4px}
.ctv-button .arr{width:16px;height:16px;color:#e0d2ff}
.popular-flag{position:absolute;right:0;top:0;z-index:2;background:#ff4c75;border-radius:0 0 0 7px;padding:3px 9px;font-size:9px;font-weight:950;color:white}
.pricing-disclaimer{color:#788ba4;font-size:10px;margin:10px 4px}
.bottom-benefits{background:linear-gradient(130deg,#081827,#081320);padding:12px 13px;margin-top:7px;margin-bottom:15px}
.bottom-benefits h3{color:#17c8ff;font-size:11px;margin:0 0 9px;font-weight:950;display:flex;align-items:center;gap:7px}
.bottom-benefits h3 .icon{width:23px;height:23px}
.bottom-benefit-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.bottom-benefit-grid>div{display:flex;align-items:center;gap:9px}
.bottom-benefit-grid>div>.icon{width:30px;height:30px;color:#18c0ff;stroke-width:2.4;flex-shrink:0}
.bottom-benefit-grid b{font-size:10px;display:block;color:#e5edf9}
.bottom-benefit-grid small{font-size:9px;display:block;margin-top:3px;color:#8b9eb6}
.site-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #132e47;color:#758ca6;padding:15px 2px 27px;font-size:11px}
.modal-overlay[hidden]{display:none}
.modal-overlay{position:fixed;z-index:25;inset:0;background:#020814cf;display:grid;place-items:center;padding:20px;backdrop-filter:blur(8px)}
.modal-card{width:min(460px,100%);padding:28px;position:relative;text-align:center;background:linear-gradient(140deg,#11243c,#081320);border:1px solid #28649d;border-radius:16px;box-shadow:0 20px 100px #0009}
.modal-icon{width:57px;height:57px;display:grid;place-items:center;margin:0 auto 13px;border-radius:18px;background:#103962;color:#3ec4ff}
.modal-icon .icon{height:30px;width:30px}
.modal-card h2{font-size:23px;margin:4px 0 9px}
.modal-card p{font-size:13px;color:#aac0d9;line-height:1.7;white-space:pre-line}
.modal-card .button-primary{margin-top:12px;min-width:115px}
.modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;background:#17283e;color:#a5bbdb;border:1px solid #2a4564;border-radius:7px;display:grid;place-items:center}
.modal-close .icon{width:17px;height:17px}
@media(max-width:1360px){
 .site-header{gap:12px}.brand-text{font-size:23px}.main-nav .nav-link{gap:5px;padding:11px 8px;font-size:11px}.global-search{width:172px}
 .hero-points{gap:9px}.hero-point-icon{width:42px;height:42px}.hero-points b{font-size:9px}.hero-points small{font-size:9px}
 .advantages>div,.advantages>button{gap:8px;padding:10px 7px}.adv-icon{width:37px;height:37px}.advantages b{font-size:10px}.advantages small{font-size:9px}
 .market-layout{grid-template-columns:235px minmax(0,1fr);gap:15px}
 .plan-tabs button{padding:9px 11px}
}
@media(max-width:1120px){
 .wrap{padding:0 14px}.main-nav{position:absolute;display:none;flex-direction:column;align-items:stretch;top:68px;left:0;right:0;height:auto;padding:10px 18px 15px;background:#071426;border-bottom:1px solid #23527e;box-shadow:0 20px 30px #0008}
 .main-nav.open{display:flex}.main-nav .nav-link{padding:12px 15px;font-size:13px}
 .menu-toggle{display:flex}.header-actions{margin-left:auto}
 .hero-grid{grid-template-columns:minmax(0,2.3fr) minmax(265px,1fr);gap:12px}
 .hero-content{padding:25px 24px}.hero-points{flex-wrap:wrap;gap:11px 15px;max-width:560px}.hero-points>div{flex:0 0 calc(50% - 8px)}.hero-content h1{font-size:51px}
 .advantages{grid-template-columns:repeat(3,minmax(0,1fr))}
 .market-layout{grid-template-columns:210px minmax(0,1fr)}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-art{height:142px}
 .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bottom-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:750px){
 .site-header{height:65px}.main-nav{top:64px}.brand-mark{height:42px;width:41px}.brand-mark svg{width:40px;height:40px}.brand-text{font-size:21px}
 .global-search{width:40px;padding:0;justify-content:center}.global-search input{display:none}.global-search:focus-within{position:absolute;left:12px;right:60px;top:12px;width:auto;background:#10243e;z-index:2;padding:0 10px;justify-content:flex-start}.global-search:focus-within input{display:block}
 .header-login{width:39px;padding:0;justify-content:center}.header-login span{display:none}.header-actions{gap:6px}
 .hero-grid{display:flex;flex-direction:column}.hero-banner{min-height:320px}.hero-content{min-height:320px;padding:25px 20px}.hero-content h1{font-size:clamp(43px,9vw,62px)}.hero-content h2{font-size:clamp(14px,3.2vw,20px);max-width:510px}.hero-tagline{font-size:11px;line-height:1.65;max-width:490px}.hero-illustration{width:78%;right:-110px;opacity:.75}
 .hero-points{max-width:460px;gap:10px}.hero-point-icon{width:39px;height:39px}.hero-points b{font-size:10px}
 .login-panel{min-height:auto}.login-panel form{gap:10px}.login-panel input:not([type=checkbox]){height:42px}
 .advantages{grid-template-columns:repeat(2,minmax(0,1fr))}
 .market-layout{display:flex;flex-direction:column}
 .sidebar{display:block}
 .sidebar-box:first-child{padding-bottom:11px}.sidebar-box .category{width:auto;display:inline-flex;margin:3px;min-height:32px}.cat-count{margin-left:6px}
 .sidebar-games{display:none}
 .section-heading h2,.plans-heading h2{font-size:16px}
 .plan-tabs{width:100%}
}
@media(max-width:520px){
 .wrap{padding:0 10px}.site-header{gap:8px}.brand-text{font-size:19px}.header-actions .notifications{display:none}
 .hero-banner{min-height:352px}.hero-content{min-height:352px;padding:22px 14px}.hero-eyebrow{font-size:9px}.hero-content h1{font-size:42px}.hero-content h2{font-size:14px}.hero-illustration{width:95%;right:-120px;top:0;opacity:.45}.hero-points{gap:11px 4px}.hero-points>div{flex-basis:calc(50% - 2px);gap:6px}.hero-point-icon{width:35px;height:35px}.hero-point-icon .icon{width:21px;height:21px}.hero-points b{font-size:9px}.hero-points small{font-size:9px}.hero-tagline{font-size:10px}
 .advantages{gap:0}.advantages>div,.advantages>button{padding:12px 9px}.advantages b{white-space:normal;font-size:10px}.advantages small{white-space:normal;font-size:9px}.adv-icon{width:33px;height:33px}.adv-icon .icon{height:20px;width:20px}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-art{height:104px}.product-info{padding:9px}.product-info h3{font-size:13px;min-height:32px}.product-info p{font-size:10px;min-height:45px;-webkit-line-clamp:3}.product-price strong{font-size:15px}.product-price s{font-size:9px}.product-tags span{font-size:9px}
 .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.plan-title{font-size:12px;height:36px}.plan-price{font-size:19px}.plan-features{margin:0 8px 10px}.plan-features li{font-size:10px;padding-left:18px}.plan-features li:before{left:0}.ctv-button{padding:6px;gap:5px}.ctv-button>.icon:first-child{width:20px;height:20px}.ctv-button b{font-size:10px}.ctv-button small{font-size:9px}.ctv-button .arr{display:none}.auto-renew small{display:none}.popular-flag{font-size:8px}
 .bottom-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{flex-direction:column;text-align:center}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

@media(max-width:750px){
  .global-search.search-open{position:absolute;left:10px;right:62px;top:12px;z-index:10;width:auto;padding:0 12px;background:#112941;justify-content:flex-start;border-color:#208dd2}
  .global-search.search-open input{display:block;width:100%;flex:1}
}

.login-demo-note{display:block;color:#7289a5;text-align:center;font-size:9px;line-height:1.2;margin:-3px 0 0}

/* Official DIBANTOOL logo from supplied design */
.brand{gap:0;align-items:center}.brand-image{display:block;width:207px;height:51px;object-fit:contain;flex-shrink:0}@media(max-width:520px){.brand-image{width:166px;height:41px}}


/* Submitted gold dragon / DB logo - active identity */
.brand.brand-gold{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;min-width:0}
.gold-brand-icon{display:block;width:56px;height:56px;object-fit:contain;flex:none;border-radius:8px;filter:drop-shadow(0 0 5px rgba(255,168,0,.4))}
.gold-brand-name{font-weight:1000;font-size:24px;letter-spacing:-.8px;background:linear-gradient(180deg,#fff3bb 0%,#ffbd34 48%,#bd6415 78%,#fff4af 100%);color:transparent;-webkit-background-clip:text;background-clip:text;text-shadow:none}
.gold-brand-name span{color:inherit}
@media(max-width:1360px){.gold-brand-icon{width:48px;height:48px}.gold-brand-name{font-size:21px}}
@media(max-width:520px){.gold-brand-icon{width:42px;height:42px}.gold-brand-name{font-size:18px}.brand.brand-gold{gap:4px}}