:root { --bg:#12070a; --card:rgba(28,8,13,.92); --border:rgba(255,255,255,.12); --accent:#dc143c; --accent-bright:#ff3b60; --text:#fff8f9; --muted:#c9aeb5; }
* { box-sizing:border-box; } body { margin:0; min-height:100vh; color:var(--text); background:var(--bg); font:16px/1.6 "Plus Jakarta Sans", sans-serif; } button,input { font:inherit; } button { cursor:pointer; } .page-glow { position:fixed; inset:0; pointer-events:none; background:radial-gradient(circle at 50% -20%,rgba(220,20,60,.3),transparent 44%); } .shell { width:min(1120px,calc(100% - 32px)); margin-inline:auto; position:relative; } .topbar { display:flex; align-items:flex-start; padding:20px 0; } .cart-button { display:flex; align-items:center; gap:8px; border:1px solid rgba(220,20,60,.55); border-radius:9px; padding:10px 14px; color:white; background:var(--accent); font-weight:800; box-shadow:0 8px 24px rgba(220,20,60,.28); } .cart-button:hover,.primary-button:hover { background:var(--accent-bright); } .cart-icon { font-size:1.05rem; } .server-copy { margin-left:auto; display:grid; justify-items:end; gap:4px; } .copy-status { min-height:18px; color:var(--muted); font-size:.7rem; font-weight:800; letter-spacing:.09em; } .ip-button { display:flex; gap:12px; align-items:center; border:1px solid var(--border); border-radius:8px; padding:8px 12px; color:var(--text); background:rgba(255,255,255,.05); font-weight:800; } .ip-button:hover { border-color:var(--accent); } .copy-hint { color:var(--accent-bright); font-size:.68rem; letter-spacing:.08em; } .primary-button,input { border:1px solid var(--border); border-radius:8px; padding:10px 14px; color:var(--text); background:rgba(255,255,255,.05); text-decoration:none; font-weight:700; } .primary-button { border:0; color:white; background:var(--accent); } .hero { text-align:center; padding:0; margin:18px 0 24px; overflow:hidden; } .hero-brand { display:block; width:100%; max-height:440px; object-fit:cover; object-position:center; } .hero p { padding:16px 24px; margin:0; color:var(--muted); } h2,h3,p { margin-top:0; } h2 { line-height:1.2; } .eyebrow { margin-bottom:5px; color:var(--accent-bright); font-weight:800; font-size:.75rem; letter-spacing:.12em; text-transform:uppercase; } .glass-card { background:var(--card); border:1px solid var(--border); border-radius:14px; box-shadow:0 20px 60px rgba(0,0,0,.3); } .login-card { display:grid; grid-template-columns:140px 1fr; gap:24px; padding:22px; align-items:center; } .skin-wrap { min-height:200px; display:grid; place-items:end center; overflow:hidden; } .skin-wrap img { height:210px; image-rendering:pixelated; } .login-controls { display:flex; gap:10px; } .login-controls input { flex:1; min-width:0; } .status { color:var(--muted); margin:12px 0 0; } .error { color:#ff7b94 !important; } .shop-layout { display:grid; grid-template-columns:310px 1fr; gap:24px; margin:28px 0 60px; } .basket-panel { height:max-content; padding:20px; position:sticky; top:20px; } .section-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; } .section-heading h2 { margin:0; } .text-button { border:0; background:transparent; color:var(--muted); } .basket-items { display:grid; gap:10px; } .basket-item { display:flex; justify-content:space-between; gap:12px; border-bottom:1px solid var(--border); padding-bottom:10px; } .basket-total { display:flex; justify-content:space-between; padding:18px 0; } .wide { width:100%; } .catalogue-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:18px; } .package-card { overflow:hidden; display:flex; flex-direction:column; } .package-image { width:100%; height:150px; object-fit:contain; padding:16px; background:rgba(220,20,60,.08); } .package-content { padding:18px; display:flex; flex:1; flex-direction:column; } .package-content h3 { margin-bottom:8px; } .package-description { color:var(--muted); font-size:.9rem; flex:1; } .package-bottom { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-top:16px; } .package-price { color:var(--accent-bright); } .muted { color:var(--muted); } .footer { border-top:1px solid var(--border); padding:28px 0 48px; color:var(--muted); font-size:.85rem; text-align:center; } .footer p { margin:.3rem; } .tebex-notice { display:flex; align-items:center; justify-content:center; gap:18px; margin-top:22px; padding-top:18px; border-top:1px solid var(--border); font-size:.72rem; text-align:left; } .tebex-notice strong { color:#fff; font-size:1.15rem; letter-spacing:-.06em; } .sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); } code { color:var(--accent-bright); } @media (max-width:760px) { .topbar { align-items:flex-start; } .ip-button { gap:7px; } .copy-hint { display:none; } .login-card,.shop-layout { grid-template-columns:1fr; } .skin-wrap { min-height:125px; } .skin-wrap img { height:150px; } .basket-panel { display:none; position:fixed; z-index:10; inset:auto 16px 16px; max-height:75vh; overflow:auto; } .basket-panel.open { display:block; } .login-controls { flex-direction:column; } .tebex-notice { align-items:flex-start; } }