@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{--bg:#08090f;--panel:#10121c;--panel2:#151824;--text:#f4f7f6;--muted:#9ba3ae;--purple:#a855f7;--green:#a3ff70;--line:rgba(255,255,255,.09)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}a{text-decoration:none;color:inherit}
.bg-grid{position:fixed;inset:0;pointer-events:none;opacity:.14;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(to bottom,black,transparent 75%);z-index:-2}
.navbar{height:78px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(8,9,15,.75);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}
.logo{font-size:20px;font-weight:900;letter-spacing:-1px}.logo .island{margin-left:4px}nav{display:flex;gap:20px;color:#b8bec8;font-size:12px;font-weight:600}nav a:hover{color:var(--green)}.nav-button{padding:11px 18px;border:1px solid rgba(163,255,112,.45);border-radius:9px;color:var(--green);font-size:12px;font-weight:800}
.hero{min-height:680px;padding:80px 8% 90px;display:flex;align-items:center;position:relative;overflow:hidden}.hero-content{max-width:650px;position:relative;z-index:3}.badge,.eyebrow{display:inline-block;color:var(--green);font-size:11px;font-weight:800;letter-spacing:2px;margin-bottom:18px}
h1{font-size:clamp(48px,8vw,96px);line-height:.92;letter-spacing:-5px;font-weight:900}h1 span{color:var(--green)}h1 b{font-size:.55em;letter-spacing:0}.subtitle{font-size:22px;font-weight:700;margin-top:22px}.description{color:var(--muted);max-width:560px;line-height:1.7;margin-top:12px}.actions{display:flex;gap:12px;margin-top:30px}
.primary,.secondary{border:0;border-radius:10px;padding:15px 21px;font-size:12px;font-weight:900;cursor:pointer;transition:.2s}.primary{background:var(--green);color:#0b1008;box-shadow:0 0 30px rgba(163,255,112,.16)}.primary:hover{transform:translateY(-2px);box-shadow:0 0 38px rgba(163,255,112,.3)}.secondary{border:1px solid var(--line);background:var(--panel);color:white}.secondary:hover{border-color:var(--purple)}
.server-status{display:flex;gap:8px;align-items:center;margin-top:27px;color:#aab1bc;font-size:12px}.server-status strong{color:white;margin-left:4px}.status-dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green)}
.ip-box{margin-top:22px;display:flex;align-items:center;gap:15px;width:max-content;max-width:100%;padding:13px 16px;border:1px solid var(--line);background:rgba(16,18,28,.8);border-radius:10px;cursor:pointer}.ip-box span:first-child{font-size:9px;color:#737c88;font-weight:800;letter-spacing:1px}.ip-box strong{font-size:13px}.copy{color:var(--green);font-size:17px}
.hero-glow{position:absolute;width:650px;height:650px;left:-150px;top:20px;background:radial-gradient(circle,rgba(168,85,247,.18),transparent 68%);pointer-events:none}.island-art{position:absolute;right:3%;top:50%;transform:translateY(-45%);width:520px;height:430px;opacity:.95}.moon{position:absolute;width:110px;height:110px;border-radius:50%;right:90px;top:35px;background:#d9ffd0;box-shadow:0 0 70px rgba(163,255,112,.35)}.cloud{position:absolute;width:100px;height:24px;border-radius:30px;background:rgba(255,255,255,.07)}.c1{left:55px;top:115px}.c2{right:15px;top:190px}
.pixel-island{position:absolute;left:75px;top:145px;width:370px;height:230px;transform:rotate(-3deg);filter:drop-shadow(0 25px 35px rgba(0,0,0,.55))}.grass{position:absolute;left:80px;top:40px;width:250px;height:85px;background:#9bea68;clip-path:polygon(0 45%,10% 20%,28% 28%,42% 8%,61% 27%,77% 10%,100% 35%,90% 80%,55% 100%,15% 80%);box-shadow:0 0 35px rgba(163,255,112,.18)}.dirt{position:absolute;left:105px;top:105px;width:205px;height:90px;background:#6b4b35;clip-path:polygon(0 0,100% 0,86% 100%,12% 92%)}.stone{position:absolute;left:125px;top:166px;width:165px;height:60px;background:#424752;clip-path:polygon(0 0,100% 8%,86% 100%,14% 88%)}.water{position:absolute;left:15px;top:92px;width:350px;height:85px;background:rgba(90,190,220,.35);clip-path:polygon(0 42%,18% 23%,38% 37%,57% 18%,75% 35%,100% 12%,95% 70%,72% 86%,40% 76%,15% 90%);z-index:-1}.tree{position:absolute;z-index:3;left:198px;top:0;width:26px;height:105px;background:#5b3e2b}.tree:before{content:"";position:absolute;width:125px;height:105px;left:-50px;top:-62px;background:#79d94f;clip-path:polygon(50% 0,67% 24%,100% 28%,78% 50%,90% 85%,50% 70%,15% 92%,25% 52%,0 31%,36% 25%)}
.section{padding:105px 8%;max-width:1400px;margin:auto}.section-title{display:flex;gap:22px;align-items:flex-start;margin-bottom:45px}.section-title>span{color:#5c6470;font-weight:800;font-size:12px}.section-title p{font-size:10px;letter-spacing:2px;color:var(--green);font-weight:800;margin-bottom:8px}.section-title h2{font-size:34px;letter-spacing:-1.5px}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature,.rank,.product-card,.staff-card{background:linear-gradient(145deg,var(--panel),#0d0f17);border:1px solid var(--line);border-radius:15px;padding:27px;transition:.25s}.feature:hover,.rank:hover,.product-card:hover,.staff-card:hover{transform:translateY(-5px);border-color:rgba(163,255,112,.25)}.icon{font-size:27px;margin-bottom:28px;color:var(--green)}.feature h3{font-size:16px;margin-bottom:10px}.feature p{font-size:12px;color:var(--muted);line-height:1.7}
.shop-section{padding-bottom:35px}.shop-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.shop-category{display:flex;flex-direction:column;gap:9px;padding:24px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#11141e,#0d0f17);transition:.2s}.shop-category span{font-size:28px;color:var(--green)}.shop-category b{font-size:13px}.shop-category small{color:var(--muted);font-size:10px}.shop-category:hover,.shop-category.active{border-color:rgba(163,255,112,.4);transform:translateY(-3px)}
.donate-section{max-width:none;background:linear-gradient(180deg,transparent,rgba(168,85,247,.045),transparent)}.donate-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.rank{position:relative;text-align:center;padding:34px 25px}.rank.featured{border-color:rgba(163,255,112,.45);box-shadow:0 0 45px rgba(163,255,112,.07)}.popular{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:var(--green);color:#0b1008;padding:6px 12px;border-radius:20px;font-size:8px;font-weight:900;white-space:nowrap}.rank-name{font-size:18px;font-weight:900;letter-spacing:1px}.price{font-size:30px;font-weight:900;margin:15px 0 4px}.price small{font-size:12px;color:var(--muted)}.price-alt{font-size:11px;color:var(--green);font-weight:800;margin-bottom:17px}.rank ul{list-style:none;text-align:left;min-height:105px}.rank li{font-size:11px;color:#aab1bc;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05)}.rank li:before{content:"✓";color:var(--green);margin-right:8px}.rank button{width:100%;margin-top:15px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#171a24;color:white;font-weight:800;font-size:10px;cursor:pointer}.rank.featured button{background:var(--green);color:#0b1008}.buy-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.buy-options button{margin-top:15px!important}.small-note{text-align:center;color:#606975;font-size:10px;margin-top:20px}
.product-section{padding-top:70px}.placeholder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.product-card{padding:30px}.product-icon{font-size:28px;color:var(--green);margin-bottom:22px}.product-card h3{font-size:16px;margin-bottom:10px}.product-card p{font-size:12px;color:var(--muted);line-height:1.7;min-height:45px}.coming{display:inline-block;margin-top:20px;padding:7px 10px;border-radius:20px;background:rgba(163,255,112,.08);color:var(--green);font-size:8px;font-weight:900;letter-spacing:1px}
.rules{max-width:900px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.rules div{display:flex;gap:18px;padding:20px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.rules b{color:var(--green);font-size:12px}.rules span{font-size:12px;color:#b5bbc5;line-height:1.5}
.staff-section{padding-top:90px}.staff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.staff-card{padding:28px}.staff-card.owner{border-color:rgba(163,255,112,.35)}.staff-card.senior{border-color:rgba(168,85,247,.35)}.staff-role{font-size:9px;color:var(--green);font-weight:900;letter-spacing:1.5px;margin-bottom:12px}.staff-card h3{font-size:22px;margin-bottom:10px}.staff-card p{font-size:12px;color:var(--muted);line-height:1.7;min-height:58px}.staff-link{display:inline-block;margin-top:18px;padding:10px 13px;border:1px solid var(--line);border-radius:8px;color:var(--green);font-size:10px;font-weight:900}.staff-link:hover{border-color:var(--green)}.staff-link.disabled{color:#737c88;cursor:default}
.responsibility{margin-top:35px}.responsibility h3{font-size:18px;margin-bottom:16px}.responsibility-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.responsibility-grid div{padding:19px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.responsibility-grid b{display:block;font-size:12px;color:var(--green);margin-bottom:8px}.responsibility-grid span{font-size:11px;color:#aeb5bf;line-height:1.6}
.contact-panel{margin-top:30px;padding:32px;border:1px solid rgba(168,85,247,.25);border-radius:17px;background:linear-gradient(135deg,#12151d,#0c0e15);display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-panel h3{font-size:25px}.contact-panel p{color:var(--muted);font-size:12px;margin-top:9px}.contact-links{display:grid;grid-template-columns:1fr 1fr;gap:9px;min-width:420px}.contact-links a{padding:12px 14px;border:1px solid var(--line);border-radius:9px;color:#fff;font-size:10px;font-weight:800}.contact-links a:hover{color:var(--green);border-color:rgba(163,255,112,.35)}
.play{padding:40px 8% 110px}.play-card{max-width:1240px;margin:auto;padding:55px 65px;border-radius:20px;border:1px solid rgba(163,255,112,.22);background:radial-gradient(circle at 75% 30%,rgba(163,255,112,.12),transparent 35%),linear-gradient(135deg,#12151d,#0c0e15);display:flex;align-items:center;justify-content:space-between;gap:30px}.play-card h2{font-size:42px;line-height:1;letter-spacing:-2px}.play-card h2 span{color:var(--green)}.play-card p:not(.eyebrow){color:var(--muted);font-size:12px;margin-top:13px}.big{padding:17px 25px;white-space:nowrap}
footer{padding:28px 8%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#68717d;font-size:10px}.footer-logo{color:white;font-weight:900;font-size:15px}.footer-links{display:flex;gap:20px}.footer-links a:hover{color:var(--green)}
#sergysToast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);z-index:99999;padding:12px 20px;border-radius:10px;background:rgba(20,20,30,.95);color:#fff;font-size:14px;box-shadow:0 0 20px rgba(160,80,255,.35)}
#shopModal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.shop-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(7px)}.shop-modal{position:relative;width:min(500px,100%);max-height:92vh;overflow:auto;padding:30px;border:1px solid rgba(163,255,112,.25);border-radius:18px;background:linear-gradient(145deg,#151824,#0b0d14);box-shadow:0 25px 80px rgba(0,0,0,.55)}.shop-close{position:absolute;right:16px;top:12px;border:0;background:none;color:#89919d;font-size:28px;cursor:pointer}.shop-step{font-size:10px;letter-spacing:1.5px;color:var(--green);font-weight:900}.shop-modal h2{margin-top:8px;font-size:28px}.shop-muted,.shop-note{color:var(--muted);font-size:11px;line-height:1.6;margin:10px 0 18px}.shop-label{display:block;font-size:10px;font-weight:800;color:#aeb6c0;margin-bottom:7px}.shop-input{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:9px;background:#0a0c12;color:#fff;outline:none}.shop-input:focus{border-color:rgba(163,255,112,.55)}.shop-price{text-align:center;font-size:32px;font-weight:900;margin:20px 0}.shop-price small{font-size:12px;color:var(--muted)}.requisites{display:grid;gap:8px}.requisites div{display:flex;justify-content:space-between;gap:15px;padding:12px;border-radius:9px;background:#0e1119;border:1px solid rgba(255,255,255,.06)}.requisites span{font-size:10px;color:#727b88}.requisites b{font-size:11px;text-align:right;word-break:break-word}.shop-copy,.shop-paid{width:100%;margin-top:10px;padding:13px;border-radius:9px;font-size:10px;font-weight:900;cursor:pointer}.shop-paid{border:1px solid rgba(255,255,255,.1);background:#171a24;color:#fff}.shop-paid:hover{border-color:rgba(163,255,112,.35)}
@media(max-width:950px){nav{display:none}.hero{min-height:760px;padding-top:60px}.island-art{opacity:.22;right:-100px}.features,.shop-categories,.staff-grid,.responsibility-grid{grid-template-columns:1fr 1fr}.donate-grid{grid-template-columns:1fr 1fr}.contact-panel{display:block}.contact-links{margin-top:20px;min-width:0}.play-card{padding:40px}.play-card h2{font-size:34px}}
@media(max-width:600px){.navbar{padding:0 5%}.nav-button{padding:9px 12px}.hero{padding:55px 6% 80px;min-height:720px}.hero-content{width:100%}h1{font-size:50px;letter-spacing:-3px}.subtitle{font-size:18px}.actions{flex-direction:column}.actions>*{width:100%;text-align:center}.ip-box{width:100%;justify-content:space-between}.island-art{right:-210px;top:55%;opacity:.13}.section{padding:75px 6%}.section-title h2{font-size:27px}.features,.donate-grid,.rules,.shop-categories,.placeholder-grid,.staff-grid,.responsibility-grid{grid-template-columns:1fr}.play{padding:10px 6% 75px}.play-card{padding:35px 25px;display:block}.play-card h2{font-size:31px}.play-card .big{margin-top:25px;width:100%}.buy-options{grid-template-columns:1fr}footer{padding:25px 6%;flex-wrap:wrap;gap:15px}.footer-links{display:none}}

.currency-grid,.keys-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.keys-grid{grid-template-columns:repeat(3,1fr);max-width:1050px}
.currency-card,.key-card{position:relative;text-align:center;padding:28px 20px;background:linear-gradient(145deg,#10131d,#0d0f17);border:1px solid var(--line);border-radius:15px;transition:.22s}
.currency-card:hover,.key-card:hover{transform:translateY(-4px);border-color:rgba(163,255,112,.3)}
.currency-card.featured,.key-card.featured{border-color:rgba(163,255,112,.45);box-shadow:0 0 35px rgba(163,255,112,.06)}
.currency-amount{font-size:25px;font-weight:900;margin:7px 0 12px}
.currency-price,.key-price{font-size:24px;font-weight:900;color:var(--green);margin-bottom:18px}
.currency-card button,.key-card button{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:#171a24;color:#fff;font-size:10px;font-weight:900;cursor:pointer}
.currency-card.featured button,.key-card.featured button{background:var(--green);color:#0b1008}
.key-icon{font-size:34px;margin-bottom:10px}.key-card h3{font-size:16px;margin:8px 0}.key-card p{min-height:38px;color:var(--muted);font-size:11px;line-height:1.55;margin-bottom:12px}
.deal{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:var(--green);color:#0b1008;padding:6px 12px;border-radius:20px;font-size:8px;font-weight:900;white-space:nowrap}
@media(max-width:1100px){.currency-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.currency-grid,.keys-grid{grid-template-columns:1fr}.currency-card,.key-card{max-width:420px;margin:auto;width:100%}}
