@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#09090d;--panel:#14141b;--panel2:#1d1c26;--text:#f7f5fa;--muted:#aaa7b5;--accent:#b68cff;--red:#ed3150;--line:#292733}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 70% -20%,#291634 0,transparent 40%),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,20px);border-bottom:1px solid #ffffff0b;background:#09090dcc;backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}.brand{font:700 1.35rem 'Space Grotesk';letter-spacing:.08em}.brand span{color:var(--accent)}nav{display:flex;gap:22px;color:var(--muted);font-size:.9rem}nav a:hover,.text-link:hover{color:white}.wrap{width:min(1180px,90%);margin:0 auto;min-height:75vh}.hero{min-height:390px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;padding:48px 0 54px}.hero h1{font:700 clamp(2.5rem,5vw,4.4rem)/1.04 'Space Grotesk';margin:14px 0}.hero h1 em{color:var(--accent);font-style:normal}.hero p{max-width:510px;color:var(--muted);line-height:1.7}.eyebrow{font-size:.72rem;letter-spacing:.18em;color:var(--accent);font-weight:700}.hero-art{height:290px;border:1px solid #b68cff35;border-radius:28px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 30%,#ab65d7 0,transparent 25%),radial-gradient(circle at 35% 70%,#e62f58 0,transparent 28%),linear-gradient(135deg,#21152d,#101017 60%,#3b1428);box-shadow:0 20px 70px #7e2e8a25}.hero-art:before,.hero-art:after{content:"";position:absolute;border:1px solid #ffffff30;border-radius:50%;width:250px;height:250px;right:-30px;top:20px}.hero-art:after{width:180px;height:180px;right:5px;top:55px}.art-glow{position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,#ffffff12,transparent 60%)}.art-label{position:absolute;left:28px;bottom:28px;font:700 2.3rem 'Space Grotesk';letter-spacing:.16em}.art-label small{font:500 .62rem 'DM Sans';letter-spacing:.22em;color:#d8c5eb}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{border:0;border-radius:10px;padding:13px 18px;display:inline-flex;justify-content:center;align-items:center;gap:8px;font:700 .92rem 'DM Sans';cursor:pointer}.primary{background:linear-gradient(135deg,#b68cff,#8d5de0);color:#130d1d}.primary:hover{filter:brightness(1.08)}.ghost{border:1px solid #ffffff25;background:#ffffff0a;color:var(--text)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:12px 0 22px}.section-head h2,.section-head h1{font:600 1.7rem 'Space Grotesk';margin:7px 0}.balance{padding:10px 14px;border:1px solid #b68cff40;background:#b68cff10;border-radius:999px;color:#d9c2ff}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px;padding-bottom:60px}.video-card{min-width:0}.poster{aspect-ratio:2/3;border-radius:13px;overflow:hidden;background:linear-gradient(135deg,#272032,#111);position:relative;border:1px solid #ffffff10;transition:transform .2s,border-color .2s}.video-card:hover .poster{transform:translateY(-4px);border-color:#b68cff80}.poster img,.detail-poster img{width:100%;height:100%;object-fit:cover;display:block}.poster:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#000b)}.poster-tag{position:absolute;z-index:1;left:9px;top:9px;background:#09090dcc;border:1px solid #ffffff22;padding:6px 8px;border-radius:6px;font-size:.65rem;letter-spacing:.04em}.poster-play{position:absolute;z-index:1;right:12px;bottom:12px;background:#b68cff;color:#170e20;width:35px;height:35px;border-radius:50%;display:grid;place-items:center}.poster-fallback{height:100%;display:grid;place-items:center;font:700 3rem 'Space Grotesk';color:#b68cff;background:radial-gradient(circle,#382244,#101017)}.card-meta{padding:11px 2px}.card-meta strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95rem}.card-meta span{display:block;color:var(--muted);font-size:.78rem;margin-top:5px}.detail{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:42px;padding:55px 0}.detail-poster{aspect-ratio:2/3;border-radius:18px;overflow:hidden;background:var(--panel)}.detail-copy{align-self:center}.detail-copy h1,.wallet-hero h1{font:700 clamp(2rem,4vw,3.5rem) 'Space Grotesk';margin:14px 0}.detail-copy p{color:var(--muted);line-height:1.7}.price{color:#d7bbff!important;font-weight:700}.muted{color:var(--muted);font-size:.88rem;line-height:1.65}.text-link{display:inline-block;margin-top:18px;color:#d3baff}.wallet-hero{padding:40px 0}.wallet-hero h1{color:var(--accent)}.wallet-hero h1 small{font-size:1.1rem;color:var(--muted)}.packages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:30px}.package,.stat,.form-card{background:linear-gradient(145deg,#191720,#111116);border:1px solid var(--line);border-radius:15px;padding:20px}.package strong{font-size:1.1rem}.package .price{margin:14px 0 18px}.package .btn{width:100%}.form-card{max-width:620px;margin:28px 0;display:grid;gap:11px}.form-card h2{margin-top:0}.form-card label{font-size:.85rem;color:#d4d0dd}.form-card input:not([type=checkbox]),.form-card textarea{width:100%;background:#0c0b10;border:1px solid #34313f;border-radius:8px;padding:12px;color:white;font:inherit}.form-card input[type=file]{padding:9px}.check{display:flex;align-items:center;gap:8px}.notice{padding:14px 16px;background:#21182c;border:1px solid #6b4d89;border-radius:10px;margin:18px 0;line-height:1.6}.empty{padding:70px 20px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:15px;margin:30px 0}.table-wrap{overflow:auto;margin:18px 0 45px}table{border-collapse:collapse;width:100%;min-width:560px;background:#111116;border-radius:10px;overflow:hidden}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);font-size:.87rem}th{color:var(--muted);font-weight:600}td a{color:var(--accent)}.inline{display:inline}.link-danger{background:none;border:0;color:#ff7185;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.stat span{display:block;color:var(--muted);font-size:.85rem}.stat strong{display:block;font:700 2rem 'Space Grotesk';margin-top:10px}.recovery-code{font:700 1.5rem monospace;letter-spacing:.08em;padding:20px;background:#17121f;border:1px dashed var(--accent);border-radius:10px;overflow-wrap:anywhere}footer{border-top:1px solid var(--line);padding:28px 5%;text-align:center;color:#777381;font-size:.8rem;margin-top:40px}
@media(max-width:850px){.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 11px}.hero{grid-template-columns:1fr;padding-top:35px}.hero-art{height:220px}.packages{grid-template-columns:repeat(2,minmax(0,1fr))}.detail{grid-template-columns:minmax(130px,38%) 1fr;gap:22px}.wrap{width:92%}.nav{padding:0 4%}}
@media(max-width:520px){.nav{height:64px}.brand{font-size:1.05rem}nav{gap:12px;font-size:.78rem}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 10px}.hero{min-height:auto;padding:35px 0}.hero h1{font-size:2.65rem}.hero-art{height:170px}.detail{grid-template-columns:1fr;padding:30px 0}.detail-poster{max-width:230px}.packages{grid-template-columns:1fr 1fr;gap:9px}.package{padding:14px}.package strong{font-size:.95rem}.package .price{font-size:.9rem}.stats{grid-template-columns:1fr}.section-head h2{font-size:1.35rem}}

/* DigitalHub VVIP premium refresh */
:root{--bg:#07070b;--panel:#101018;--panel2:#191421;--text:#f8f5ff;--muted:#a7a0b6;--accent:#d02cff;--red:#ff3b67;--line:#282238}
body{background:radial-gradient(ellipse at 52% -15%,#321046 0,transparent 43%),radial-gradient(ellipse at 100% 45%,#160a25 0,transparent 34%),var(--bg)}
.nav{height:70px;padding:0 max(3.5vw,16px);border-bottom:1px solid #a52aff2b;background:#08070de8;box-shadow:0 8px 30px #0004}
.brand{letter-spacing:-.035em;font-size:1.22rem}.brand:before{content:'♛ ';color:var(--accent)}.brand span{color:#ff50db}
nav{align-items:center}nav a{padding:9px 11px;border-radius:9px}nav a:hover{background:#b42aff1a;color:#fff}
.wrap{width:min(1280px,94%)}
.hero{min-height:320px;grid-template-columns:1fr .82fr;gap:34px;padding:34px 0 40px}
.hero h1{font-size:clamp(2.4rem,4.7vw,4.1rem);letter-spacing:-.055em}.hero h1 em{background:linear-gradient(90deg,#e349ff,#a56cff);background-clip:text;color:transparent}
.hero p{max-width:560px}.hero-art{height:275px;border-radius:20px;background:linear-gradient(125deg,#230d35,#110c1b 45%,#4a124b);box-shadow:0 20px 80px #9c1cff25}.hero-art:before{border-color:#e9a6ff35;box-shadow:0 0 45px #a52aff26}.hero-art:after{border-color:#ff4edb55}.art-label{font-size:2.5rem;color:#f7d8ff;text-shadow:0 0 28px #df37ff80}.art-label small{color:#e8b9ff}
.btn{border-radius:10px;transition:transform .16s,filter .16s}.btn:hover{transform:translateY(-1px)}.primary{background:linear-gradient(110deg,#c22dff,#ed39cb);color:white;box-shadow:0 7px 22px #d02cff2b}.ghost{border-color:#473455;background:#ffffff06}
.section-head{margin:10px 0 17px}.section-head h2,.section-head h1{letter-spacing:-.035em}.balance{background:linear-gradient(110deg,#301044,#171023);border-color:#a42bff70;color:#f3d8ff;font-weight:700}
.catalog-tools{margin-bottom:18px}.catalog-tools .section-head{margin-bottom:15px}.search-box{display:flex;align-items:center;gap:11px;width:min(460px,100%);background:#100e17;border:1px solid #3a2a4c;border-radius:12px;padding:0 15px;color:#d8aaff}.search-box span{font-size:1.7rem;line-height:1}.search-box input{width:100%;border:0;outline:0;background:transparent;color:white;padding:14px 0;font:inherit}.search-box:focus-within{border-color:#cb42ff;box-shadow:0 0 0 3px #b52cff16}
.gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:23px 15px}.poster{border-radius:13px;border-color:#392543;background:linear-gradient(145deg,#26152f,#100e17);box-shadow:0 9px 25px #0003}.poster-tag{border-color:#b744ff66;background:#170b21e8;color:#f2c9ff;font-weight:700}.poster-play{background:linear-gradient(135deg,#d23cff,#fa39ca);color:white;box-shadow:0 4px 20px #d02cff50}.card-meta{padding:10px 2px}.card-meta strong{font-size:.9rem}.card-meta span{color:#b7a9c8}.video-card[hidden],.empty[hidden]{display:none!important}
.detail{gap:38px}.detail-poster{border:1px solid #4a2a5c;box-shadow:0 18px 50px #0005}.detail-copy h1,.wallet-hero h1{letter-spacing:-.045em}.price{color:#e6a6ff!important}
.packages{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.package,.stat,.form-card{background:linear-gradient(145deg,#17121f,#0f0d15);border-color:#382744;box-shadow:0 12px 30px #0002}.package{transition:transform .18s,border-color .18s}.package:hover{transform:translateY(-3px);border-color:#ce3cff}.package .price{font-size:1.2rem}.form-card{border-radius:16px}.form-card input:not([type=checkbox]),.form-card textarea{background:#09080d;border-color:#3b2b49}.notice{background:#1d1028;border-color:#8434a5}.table-wrap table,table{background:#100e15}th{background:#17121f}tr:hover td{background:#ffffff04}.stat{border-radius:15px}.stat strong{color:#f3dcff}.recovery-code{border-color:#d02cff;background:#160d20}
footer{border-color:#241a2e;color:#82778f}
@media(max-width:1000px){.gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.hero{grid-template-columns:1fr;gap:22px}.hero-art{height:180px}.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.packages{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{padding:0 4%}nav{gap:4px}}
@media(max-width:480px){.wrap{width:92%}.nav{height:62px}.brand{font-size:1rem}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 10px}.hero h1{font-size:2.5rem}.section-head h2{font-size:1.25rem}.packages{gap:9px}.package{padding:13px}.package .price{font-size:1rem}}