@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#090909;--panel:#101011;--orange:#ff9418;--gold:#ffb72e;--muted:#a9a8b0;--line:#ffffff20}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090909;color:#f6f4f2;font-family:Manrope,Arial,sans-serif}button,input{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}.nav{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1000px)/2),24px);background:#0a0908f5;border-bottom:1px solid #ffffff16;gap:20px;position:relative;z-index:2}.mini-logo{width:140px;height:40px;display:flex;align-items:center}.mini-logo img{width:100%;max-height:40px;object-fit:contain}.nav nav{height:100%;display:flex;align-items:center;gap:30px;font-size:11px;color:#aaa9b0}.nav nav a{height:100%;display:flex;align-items:center;position:relative}.nav nav a:hover,.nav nav .active{color:white}.nav nav .active:after{content:"";position:absolute;bottom:0;left:-10px;right:-10px;height:3px;background:var(--orange);box-shadow:0 0 12px var(--orange)}.nav-actions{display:flex;align-items:center;gap:12px}.cart-button{border:1px solid #8b4b12;border-radius:20px;background:#100d0a;color:#eee;font-size:10px;padding:9px 15px;white-space:nowrap}.cart-button:first-letter{color:var(--orange)}.theme-button{border:0;background:none;color:#aaa;font-size:19px}.hero{height:466px;position:relative;overflow:hidden;background:#17100a url('https://images.unsplash.com/photo-1518709268805-4e9042af9f23?auto=format&fit=crop&w=2000&q=85') center 48%/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 43%,#a7470c40,transparent 50%),linear-gradient(90deg,#080706a8,#0807065c 45%,#0807068c),linear-gradient(0deg,#090909 0%,transparent 32%,#08070640)}.embers{position:absolute;inset:0;background-image:radial-gradient(circle,#ff9b1d 1px,transparent 2px),radial-gradient(circle,#ff5c13 1px,transparent 2px);background-size:87px 91px,131px 113px;background-position:13px 20px,49px 60px;opacity:.5}.hero-shade{position:absolute;inset:0;box-shadow:inset 0 0 100px #000}.hero-inner{position:relative;text-align:center;max-width:850px;margin:auto;padding:28px 20px 20px}.main-logo{display:block;width:min(590px,88vw);height:245px;object-fit:contain;margin:0 auto -4px;filter:drop-shadow(0 8px 14px #000c)}.tagline{font-size:10px;font-weight:900;letter-spacing:2px;color:#ff9b17;margin-top:-4px}.hero h1{font-size:clamp(28px,4vw,43px);letter-spacing:-1.6px;margin:18px 0 8px;font-weight:900;text-shadow:0 2px 10px #000}.hero h1 span{color:var(--orange)}.hero p{font-size:13px;color:#c1bdc1;margin:0 0 23px}.hero-buttons{display:flex;justify-content:center;gap:13px}.cta,.ip-cta{height:44px;border-radius:11px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;gap:30px;font-weight:900;font-size:11px;border:0}.cta{background:linear-gradient(110deg,#ffbd36,#ff6714);color:#241408;box-shadow:0 4px 22px #ff811b28}.cta b{font-size:18px}.ip-cta{background:#111111b8;border:1px solid #ffffff37;color:#f6f3f0;gap:25px}.ip-cta b{color:var(--orange)}.benefits{min-height:111px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:18px max(calc((100vw - 1000px)/2),24px);border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;background:linear-gradient(90deg,#0c0b0a,#101010,#0c0b0a)}.benefit{display:flex;align-items:center;gap:14px;padding:0 18px;border-right:1px solid #ffffff25;min-width:0}.benefit:first-child{padding-left:0}.benefit:last-child{border:0}.benefit-icon{width:55px;height:55px;flex-shrink:0;border:2px solid var(--orange);color:var(--gold);border-radius:50%;display:grid;place-items:center;font-size:28px;text-shadow:0 0 12px #ff9919;box-shadow:inset 0 0 15px #ff9b151c}.benefit b{display:block;color:var(--orange);font-size:11px;margin-bottom:5px;white-space:nowrap}.benefit span{display:block;color:#b7b4ba;font-size:9px;line-height:1.5}.section{max-width:1040px;margin:auto;padding:23px 20px 0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.section-title h2{font-size:23px;letter-spacing:-.7px;margin:0 0 3px}.section-title p{font-size:11px;color:#b5b1b5;margin:0}.promos{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #75400f;border-radius:13px;background:#100d0a;font-size:10px;white-space:nowrap}.promos strong{color:var(--orange)}.promos span{background:#281707;border:1px solid #75400f;color:#ffb62c;border-radius:20px;padding:7px 11px;font-weight:800}.rank-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.rank-card{min-width:0;min-height:139px;border:1px solid #a45b13;border-radius:11px;background:linear-gradient(145deg,#171411,#0a0a0a 75%);display:flex;align-items:center;flex-direction:column;padding:10px 9px 9px;box-shadow:inset 0 0 20px #ff8d1008;transition:.2s}.rank-card:hover{border-color:#ffc04a;transform:translateY(-3px);box-shadow:0 5px 22px #ff94151a}.rank-art{height:42px;width:55px;display:grid;place-items:center;font-size:31px;font-weight:900;filter:drop-shadow(0 0 9px var(--rank-color));color:var(--rank-color)}.rank-card h3{font-size:13px;margin:3px 0 4px;text-align:center}.rank-desc{font-size:9px;color:#bcb8c2;min-height:10px;text-align:center}.rank-price{color:#ffb226;font-size:15px;font-weight:900;margin:0 0 5px}.buy-rank{width:100%;border:1px solid #b56a13;border-radius:8px;color:#ffb627;background:#080808;padding:5px;font-size:10px;font-weight:800;margin-top:auto}.buy-rank:hover{background:#ff9418;color:#17100a}.visuals{max-width:1040px;margin:19px auto 0;border:1px solid #7a461b;border-radius:12px;background:linear-gradient(100deg,#17100e,#090909 75%);min-height:91px;display:grid;grid-template-columns:190px 1fr 310px;align-items:center;overflow:hidden}.visual-art{height:90px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,#6c24b9a6,transparent 60%),linear-gradient(90deg,#170d25,#101010)}.visual-art:before,.visual-art:after{content:"";position:absolute;width:130px;height:130px;border:1px solid #c05bff3b;border-radius:50%;transform:rotateX(65deg)}.visual-art:after{transform:rotateY(65deg);width:90px;height:90px}.visual-star{font-size:53px;color:#d29cff;text-shadow:0 0 20px #b32aff;z-index:1}.visual-particle{position:absolute;color:#e2aaff;text-shadow:0 0 10px #a32cff}.p1{left:22px;top:19px}.p2{right:23px;bottom:15px}.visual-caption{position:absolute;bottom:4px;font-size:7px;letter-spacing:3px;color:#d4b1ff}.visual-text{padding:10px 18px}.visual-text h3{font-size:15px;margin:0 0 2px}.visual-text strong{font-size:18px;color:#ff9418}.visual-text p{font-size:10px;color:#aaa7b0;margin:4px 0 0}.visual-download{height:59px;margin-right:15px;border:1px solid #ffffff28;border-radius:12px;display:flex;align-items:center;gap:12px;padding:8px 13px;background:#0b0b0d}.shield{width:42px;height:42px;display:grid;place-items:center;border:1px solid #9a48d8;color:#d0a0ff;background:#2a123b;border-radius:50%;font-size:23px}.visual-download b{font-size:12px;display:block}.visual-download small{font-size:9px;color:#aaa;display:block;margin-top:3px}.visual-download i{font-size:22px;font-style:normal;color:#ffae24;margin-left:auto}.visual-download:hover{border-color:#b76aff}.server-ip{text-align:center;padding:14px 0 17px}.server-ip small{display:block;color:#ff9b1c;font-size:10px;margin-bottom:3px}.server-ip button{background:#0a0a0a;border:1px solid #b76a13;border-radius:22px;color:#eee;font-size:12px;font-weight:900;padding:9px 28px;min-width:270px}footer{min-height:74px;border-top:1px solid #ffffff20;background:#090909;display:flex;align-items:center;justify-content:space-between;padding:12px max(calc((100vw - 1040px)/2),24px);gap:20px}footer img{width:155px;height:54px;object-fit:contain}.socials{display:flex;gap:15px;color:#a4a5ae;font-size:16px}.copyright{text-align:right;font-size:9px;display:flex;flex-direction:column;gap:4px;color:#929098}.copyright b{color:#ff9b22}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;background:#fff3df;color:#21150a;padding:12px 18px;border-radius:9px;font-size:12px;font-weight:800;transition:.2s;z-index:30;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.overlay{display:none;position:fixed;inset:0;z-index:20;background:#000c;backdrop-filter:blur(7px);align-items:center;justify-content:center;padding:16px;overflow:auto}.overlay.open{display:flex}.modal{position:relative;background:#151411;border:1px solid #754b22;border-radius:17px;width:min(100%,450px);max-height:calc(100vh - 32px);overflow:auto;padding:27px;box-shadow:0 20px 80px #000}.close{position:absolute;right:13px;top:12px;border:1px solid #ffffff20;border-radius:8px;background:#ffffff09;color:#fff;font-size:23px;width:30px;height:30px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--orange);font-weight:900}.modal h2{font-size:28px;margin:8px 0 20px}.modal h2 span{color:var(--orange)}#cartItems{display:flex;flex-direction:column;gap:8px;max-height:36vh;overflow:auto}.empty{padding:20px;text-align:center;color:#aaa;font-size:12px}.cart-item{display:flex;align-items:center;gap:12px;padding:11px;border:1px solid #ffffff17;border-radius:9px}.cart-item .item-icon{font-size:22px;width:35px;text-align:center;color:var(--rank-color)}.item-name{font-size:12px;font-weight:800;flex:1}.item-price{font-size:12px;color:#ffb22b;font-weight:900}.remove{background:none;border:0;color:#aaa;font-size:18px}.total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff1a;padding:15px 0;margin-top:13px;font-size:12px;color:#bbb}.total b{font-size:19px;color:#fff}.full{width:100%;justify-content:space-between}.fine{font-size:9px;color:#88858e;line-height:1.6;margin-bottom:0}.summary{font-size:11px;color:#ccc;background:#ffffff08;border-radius:8px;padding:11px;margin-bottom:12px}.modal form{display:flex;flex-direction:column}.modal label{font-size:11px;font-weight:800;margin:10px 0 6px}.modal label small{color:#999;font-weight:400}.modal input{background:#090909;border:1px solid #ffffff25;border-radius:8px;padding:12px;color:#fff;outline:none;font-size:12px}.modal input:focus{border-color:#ff9b18}.discount-info{font-size:10px;color:#aaa;margin-top:8px}.discount-info.valid{color:#77e8a2}.discount-info.invalid{color:#ff9284}.success{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:#1e5535;color:#72f0a1;font-size:25px;margin-bottom:15px}.result-text{font-size:12px;line-height:1.8;color:#bbb;margin-bottom:22px}
@media(min-width:1400px){.hero{height:466px}}@media(max-width:900px){.nav{padding:0 18px}.nav nav{gap:15px}.mini-logo{width:115px}.benefits{padding:18px 20px}.benefit{padding:0 10px;gap:9px}.benefit-icon{width:44px;height:44px;font-size:22px}.rank-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.visuals{margin-left:20px;margin-right:20px;grid-template-columns:140px 1fr 260px}.section-title{align-items:flex-start;flex-direction:column}.promos{flex-wrap:wrap}.main-logo{height:225px}}
@media(max-width:650px){.nav{height:56px;padding:0 12px}.mini-logo{width:105px}.nav nav{display:none}.nav-actions{gap:7px}.cart-button{padding:8px 10px}.hero{height:425px}.main-logo{height:190px;width:96vw}.hero-inner{padding-top:38px}.hero h1{font-size:29px;margin-top:15px}.hero p{font-size:11px;line-height:1.6}.benefits{grid-template-columns:repeat(2,1fr);gap:16px;padding:17px 13px}.benefit{border:0;padding:0!important}.benefit-icon{width:40px;height:40px;font-size:20px}.benefit b{font-size:10px}.benefit span{font-size:8px}.section{padding:24px 13px 0}.section-title h2{font-size:22px}.promos{gap:5px;padding:8px;font-size:9px}.promos span{padding:6px 8px}.rank-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.rank-card{padding:8px 6px;min-height:130px}.rank-art{height:34px;font-size:27px}.rank-card h3{font-size:11px}.rank-price{font-size:13px}.buy-rank{font-size:9px;padding:6px 2px}.visuals{margin:18px 13px 0;grid-template-columns:90px 1fr;gap:0}.visual-art{height:110px}.visual-text{padding:10px}.visual-text h3{font-size:12px}.visual-text strong{font-size:14px}.visual-text p{font-size:9px}.visual-download{grid-column:1/-1;margin:0 9px 9px;height:58px}.server-ip{padding:14px 0}footer{padding:12px 15px;flex-wrap:wrap}footer img{width:125px;order:3}.copyright{font-size:8px}.socials{gap:9px}.hero-buttons{gap:8px}.cta,.ip-cta{height:42px;padding:0 14px;gap:15px;font-size:10px}.modal{padding:24px 19px}}
@media(max-width:380px){.rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:26px}.promos{white-space:normal}.main-logo{height:165px}}