:root{--bg:#07111f;--panel:#0d1b2e;--panel2:#10243a;--line:rgba(255,255,255,.10);--text:#f5f8fc;--muted:#9eafc2;--accent:#2aa8ff;--accent2:#52c7ff;--success:#4bd58b;--shadow:0 18px 50px rgba(0,0,0,.28)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:var(--bg);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.5;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.page-bg{position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(4,12,24,.78),rgba(4,12,24,.90)),url("assets/img/background.png") center/cover no-repeat}.page-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,17,31,.62),rgba(7,17,31,.20),rgba(7,17,31,.62))}
.site-header{position:sticky;top:0;z-index:100;background:rgba(6,15,27,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.header-inner{width:min(1240px,calc(100% - 32px));min-height:74px;margin:auto;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;min-width:190px}.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#1474c7);font-size:22px;font-weight:900;box-shadow:0 8px 24px rgba(42,168,255,.25)}.brand strong{display:block;font-size:20px}.brand small{display:block;color:var(--muted);font-size:11px}
.top-nav{display:flex;align-items:center;gap:5px;margin:auto}.nav-link{border:0;background:transparent;color:#aebdcd;padding:10px 16px;border-radius:10px;font-weight:700;font-size:14px}.nav-link:hover,.nav-link.active{background:rgba(42,168,255,.11);color:#fff}
.header-actions{position:relative;display:flex;align-items:center;gap:10px}.server-pill{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(75,213,139,.22);border-radius:999px;background:rgba(75,213,139,.07);color:#b9f1d2;font-size:12px;font-weight:800;white-space:nowrap}.server-pill span{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 10px var(--success)}
.login-button,.primary-button{border:0;border-radius:10px;background:var(--accent);color:#04101c;font-weight:900;padding:11px 17px;transition:.18s}.login-button:hover,.primary-button:hover{background:var(--accent2);transform:translateY(-1px);box-shadow:0 9px 25px rgba(42,168,255,.22)}
.user-panel{display:none;align-items:center;gap:9px;padding:6px;border:1px solid var(--line);border-radius:13px;background:rgba(13,27,46,.98)}.user-panel.active{display:flex}#playerSkin{width:38px;height:38px;border-radius:9px;border:1px solid rgba(255,255,255,.12)}.user-meta{min-width:90px}.user-meta strong{display:block;font-size:13px;max-width:120px;overflow:hidden;text-overflow:ellipsis}.user-meta span{font-size:11px;color:var(--muted)}.header-cart,.logout-button{border:1px solid var(--line);background:#13263d;color:#fff;border-radius:9px;padding:9px 11px;font-weight:800;font-size:12px}.header-cart b{color:var(--accent2)}.logout-button{color:#ffb5b5;background:rgba(255,83,83,.07)}
.login-popover{position:absolute;right:0;top:54px;width:340px;padding:20px;background:#0b1a2d;border:1px solid rgba(82,199,255,.25);border-radius:16px;box-shadow:0 22px 60px rgba(0,0,0,.45)}.login-popover-head{display:flex;justify-content:space-between;align-items:center}.login-popover h2{font-size:19px;margin-top:2px}.login-icon{font-size:25px}.login-popover p{color:var(--muted);font-size:12px;margin:10px 0 17px}.login-popover label{display:block;font-size:12px;font-weight:800;color:#c6d3e1;margin:10px 0 6px}.input-row{display:flex;gap:7px}.input-row input{flex:1;min-width:0;border:1px solid #29415b;background:#071525;color:#fff;border-radius:9px;padding:11px 12px;outline:none}.input-row input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(42,168,255,.10)}.help-button{width:38px;border:0;border-radius:9px;background:#17334e;color:#7ed4ff;font-weight:900}.login-popover .primary-button{width:100%;margin-top:16px}.login-note{display:block;color:#778ba1;font-size:10px;margin-top:10px;text-align:center}
.page{width:min(1180px,calc(100% - 32px));margin:auto;padding:32px 0 56px}.hero{min-height:310px;padding:42px 44px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(115deg,rgba(9,26,45,.97),rgba(12,35,58,.83));box-shadow:var(--shadow);display:grid;grid-template-columns:1.3fr .7fr;gap:35px;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:900;color:var(--accent2)}.hero h1{font-size:clamp(34px,4.5vw,58px);line-height:1.04;letter-spacing:-1.5px;margin:10px 0 13px}.hero h1 span{color:var(--accent2)}.hero p{color:#afbed0;max-width:610px;font-size:15px}.hero-actions{display:flex;align-items:center;gap:15px;margin-top:24px}.hero-button{border:0;border-radius:10px;background:#fff;color:#091625;padding:12px 18px;font-weight:900}.server-address{border-left:1px solid var(--line);padding-left:15px}.server-address span{display:block;color:#8296ab;font-size:10px;text-transform:uppercase;letter-spacing:1px}.server-address strong{font-size:14px}.hero-info{display:grid;gap:12px}.info-card{display:flex;gap:13px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(4,14,27,.43)}.info-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(42,168,255,.11);font-size:18px}.info-card strong{display:block;font-size:13px}.info-card small{display:block;color:#8498ad;font-size:11px;margin-top:2px}
.shop-section{margin-top:48px}.section-heading{display:flex;align-items:center;gap:18px;margin-bottom:16px}.section-heading>div{display:flex;align-items:center;gap:10px;white-space:nowrap}.section-heading h2{font-size:22px}.section-icon{font-size:19px}.section-line{height:1px;background:linear-gradient(90deg,var(--line),transparent);flex:1}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.product-card{min-width:0;border:1px solid var(--line);border-radius:18px;background:rgba(10,25,42,.94);overflow:hidden;transition:.2s;box-shadow:0 10px 30px rgba(0,0,0,.16)}.product-card:hover{transform:translateY(-3px);border-color:rgba(82,199,255,.35);box-shadow:0 18px 38px rgba(0,0,0,.26)}.product-image-wrap{height:175px;position:relative;display:grid;place-items:center;padding:15px;background:linear-gradient(180deg,rgba(20,45,69,.72),rgba(9,24,40,.35));border-bottom:1px solid var(--line)}.product-image{width:100%;height:145px;object-fit:contain;display:block}.product-badge{position:absolute;left:12px;top:12px;z-index:2;background:#eaf8ff;color:#082039;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900}.product-content{padding:16px}.product-content h3{font-size:17px;margin-bottom:9px}.product-features{list-style:none;min-height:94px}.product-features li{font-size:12px;color:#aab9c8;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.055)}.product-spacer{min-height:94px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px}.product-bottom strong{font-size:20px}.addCartBtn{border:0;border-radius:9px;background:#183650;color:#e9f7ff;padding:10px 12px;font-size:11px;font-weight:900;white-space:nowrap}.addCartBtn:hover{background:var(--accent);color:#061321}
.content-view{padding:20px 0 10px}.view-header{margin:15px 0 20px}.view-header h2{font-size:30px;margin:4px 0}.view-header p{color:var(--muted);font-size:13px}.daily-panel{border:1px solid var(--line);border-radius:20px;background:rgba(10,25,42,.94);padding:25px;box-shadow:var(--shadow)}.daily-main{display:flex;align-items:center;gap:16px}.daily-icon{width:58px;height:58px;border-radius:15px;display:grid;place-items:center;background:rgba(42,168,255,.12);font-size:28px}.daily-main h3{font-size:19px}.daily-main p{font-size:12px;color:#8fe8b8}.streak-box{margin-left:auto;text-align:center;padding:10px 20px;border-left:1px solid var(--line)}.streak-box span,.streak-box small{display:block;color:#8094aa;font-size:10px}.streak-box strong{display:block;font-size:30px}.daily-panel>#claimBtn{margin:20px 0 4px}.rewardGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.rewardCard{border:1px solid var(--line);border-radius:14px;padding:15px;background:#0a1a2c;text-align:center}.rewardCircle{width:62px;height:62px;margin:auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) var(--progress),#20364c 0);position:relative}.rewardCircle:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#0a1a2c}.rewardCircle span{position:relative;z-index:1;font-weight:900}.rewardDays{font-size:11px;color:#b5c3d0;margin-top:8px}.rewardXP{font-weight:900;margin:5px 0 10px}.claimRewardBtn{border:0;border-radius:8px;padding:8px 10px;background:#17344f;color:#fff;font-size:10px;font-weight:800}.claimRewardBtn.locked{opacity:.55;cursor:not-allowed}.rewardCard.unlocked{border-color:rgba(75,213,139,.28)}
.xp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.xp-card{border:1px solid var(--line);border-radius:18px;padding:24px;background:rgba(10,25,42,.94)}.xp-card-icon{font-size:34px}.xp-card h3{margin:8px 0 5px}.xp-card p{color:var(--muted);font-size:12px;min-height:38px}.xp-price{font-size:25px;font-weight:900;margin:20px 0 13px}.xp-price span{font-size:12px;color:var(--accent2)}.xp-card .primary-button{width:100%}
.trust-strip{width:min(1180px,calc(100% - 32px));margin:0 auto 30px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:16px;background:rgba(8,20,34,.86)}.trust-strip>div{display:flex;align-items:center;gap:12px;padding:17px 20px}.trust-strip>div+div{border-left:1px solid var(--line)}.trust-strip span{font-size:22px}.trust-strip strong{display:block;font-size:12px}.trust-strip small{display:block;color:#7f92a7;font-size:10px}
.site-footer{border-top:1px solid var(--line);background:#06111e;padding:25px max(16px,calc((100% - 1180px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}.site-footer strong{font-size:15px}.site-footer span{color:#708399;font-size:10px;margin-left:10px}.site-footer nav{display:flex;gap:18px}.site-footer a{color:#8ea2b7;text-decoration:none;font-size:11px}.site-footer a:hover{color:#fff}
.popup,.modal{display:none;position:fixed;inset:0;z-index:500;background:rgba(2,8,15,.72);backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:20px}.popupBox,.cartContent{width:min(460px,100%);background:#0b1b2d;border:1px solid rgba(82,199,255,.28);border-radius:20px;padding:28px;box-shadow:0 28px 80px rgba(0,0,0,.5)}.popupBox{text-align:center}.popupIcon{font-size:42px;margin-bottom:10px}.popupBox h2{font-size:21px;margin-bottom:18px}.popupBox .primary-button{min-width:130px}.modal-close{position:absolute;top:15px;right:16px;width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#12273d;color:#fff;font-size:23px;line-height:1}.cartContent{position:relative;width:min(540px,100%)}.modal-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.modal-icon{font-size:26px}.modal-heading h2{font-size:24px}.cartItems{display:grid;gap:8px;max-height:320px;overflow:auto}.cartItem{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#0a192b;font-size:12px}.cartRight{display:flex;align-items:center;gap:10px;font-weight:900}.cartItem button{border:0;border-radius:7px;background:rgba(255,80,80,.12);color:#ff9b9b;padding:5px 8px}.cart-empty{display:none;color:#71869d;text-align:center;padding:18px;font-size:12px}.cart-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:15px;padding-top:16px}.cart-footer span{color:#8fa2b7;font-size:12px}.cart-footer strong{font-size:22px}.checkout-button{width:100%;margin-top:15px}.checkout-note{display:block;text-align:center;color:#71869d;font-size:10px;margin-top:9px}
@media(max-width:1050px){.header-inner{flex-wrap:wrap;padding:12px 0}.top-nav{order:3;width:100%;justify-content:center}.brand{min-width:auto}.header-actions{margin-left:auto}.product-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-info{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.header-inner{width:calc(100% - 20px);gap:10px}.brand strong{font-size:18px}.brand small{display:none}.server-pill{display:none}.header-actions{margin-left:auto}.user-panel{max-width:calc(100vw - 20px)}.user-meta{display:none}.header-cart span,.logout-button{display:none}.login-popover{right:-2px;width:min(340px,calc(100vw - 20px))}.page{width:calc(100% - 20px);padding-top:20px}.hero{padding:27px 22px;border-radius:19px}.hero h1{font-size:37px}.hero-info{grid-template-columns:1fr}.hero-actions{align-items:stretch;flex-direction:column}.server-address{border-left:0;border-top:1px solid var(--line);padding:10px 0 0}.product-grid,.xp-grid{grid-template-columns:1fr}.product-image-wrap{height:185px}.section-heading h2{font-size:19px}.rewardGrid{grid-template-columns:repeat(2,1fr)}.daily-main{align-items:flex-start}.streak-box{padding:4px 0 0 12px}.trust-strip{grid-template-columns:1fr;width:calc(100% - 20px)}.trust-strip>div+div{border-left:0;border-top:1px solid var(--line)}.site-footer{flex-direction:column;text-align:center;padding:22px 15px}.site-footer span{display:block;margin:3px 0 0}}