:root{--bg:#07080c;--bg-2:#0c0e15;--surface:#12151f;--surface-2:#171b28;--border:#232838;--border-hi:#2f3650;--text:#eef1f8;--text-dim:#98a1b8;--text-faint:#5d6683;--accent:#6d8bff;--accent-2:#b46dff;--accent-3:#4dd4ac;--danger:#ff6b6b;--glow:0 0 40px rgba(109,139,255,.25);--radius:16px;--radius-sm:12px;--radius-lg:24px;--shadow-card:0 10px 40px -10px rgba(0,0,0,.6);--shadow-hi:0 24px 60px -16px rgba(109,139,255,.35)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{z-index:-2;background:radial-gradient(circle at 12% -10%,rgba(109,139,255,.18),transparent 42%),radial-gradient(circle at 88% 8%,rgba(180,109,255,.14),transparent 45%),radial-gradient(circle at 50% 100%,rgba(77,212,172,.1),transparent 50%)}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none}body:after{z-index:-1;background-image:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000,transparent 75%);mask-image:radial-gradient(circle at 50% 30%,#000,transparent 75%)}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:#8ba5ff}img{display:block;max-width:100%}.container{max-width:1180px;margin:0 auto;padding:0 20px 80px}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:rgba(7,8,12,.72);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--border)}.navbar h1{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;background:linear-gradient(90deg,#fff,#b4c3ff);-webkit-background-clip:text;background-clip:text;color:transparent}.navbar .nav-meta{font-size:.78rem;color:var(--text-dim);display:inline-flex;align-items:center;gap:8px}.navbar .dot{width:8px;height:8px;border-radius:50%;background:var(--accent-3);box-shadow:0 0 12px var(--accent-3);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.hero{padding:56px 0 32px;text-align:left}.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:hsla(0,0%,100%,.02);margin-bottom:18px}.hero .eyebrow span{width:6px;height:6px;border-radius:50%;background:var(--accent-3);box-shadow:0 0 8px var(--accent-3)}.hero h2{font-size:clamp(1.8rem,4.5vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(120deg,#fff,#b4c3ff 55%,#d7c1ff);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:14px}.hero p{font-size:clamp(.95rem,1.6vw,1.1rem);color:var(--text-dim);max-width:560px}.hero-stats{display:flex;flex-wrap:wrap;gap:28px;margin-top:28px}.hero-stats .stat{display:flex;flex-direction:column}.hero-stats .stat b{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#b4c3ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-stats .stat span{font-size:.72rem;color:var(--text-faint);letter-spacing:.12em;text-transform:uppercase}.section-title{display:flex;align-items:baseline;justify-content:space-between;margin:40px 0 22px;gap:12px}.section-title h3{font-size:1.15rem;letter-spacing:-.01em}.section-title span{font-size:.82rem;color:var(--text-dim)}.grid{display:grid;grid-gap:22px;gap:22px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card-wrap{perspective:1000px;will-change:transform}.card{position:relative;background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .4s ease;box-shadow:var(--shadow-card)}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(600px circle at var(--mx,50%) var(--my,0),rgba(109,139,255,.18),transparent 40%);opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:2}.card:hover:before{opacity:1}.card:hover{border-color:var(--border-hi);box-shadow:var(--shadow-hi);transform:translateY(-6px) rotateX(2deg)}.card-media{position:relative;aspect-ratio:3/4;overflow:hidden;background:#0a0c12}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.card:hover .card-media img{transform:scale(1.06) translateZ(30px)}.card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(7,8,12,.85));pointer-events:none}.card-badge{position:absolute;top:12px;left:12px;z-index:3;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:999px;color:#0a0c12;background:linear-gradient(90deg,#a7ffe0,#6d8bff);box-shadow:0 4px 14px rgba(109,139,255,.35)}.card-body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:10px;flex:1 1;position:relative;z-index:3}.card-body h3{font-size:1rem;font-weight:700;letter-spacing:-.01em;color:#fff}.card-body p{font-size:.84rem;color:var(--text-dim);flex:1 1}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}.price{font-weight:800;font-size:1rem;letter-spacing:-.01em;background:linear-gradient(90deg,#6ee7a2,#4dd4ac);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:12px;font-weight:600;font-size:.9rem;letter-spacing:-.005em;border:none;cursor:pointer;text-align:center;color:#fff;background:linear-gradient(135deg,var(--accent),#8b6dff);box-shadow:0 8px 24px -8px rgba(109,139,255,.7);transition:transform .18s ease,box-shadow .25s ease,filter .2s ease;position:relative;overflow:hidden;isolation:isolate}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,hsla(0,0%,100%,.25) 50%,transparent 70%);transform:translateX(-120%);transition:transform .6s ease;z-index:-1}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px -8px rgba(109,139,255,.85);color:#fff}.btn:hover:after{transform:translateX(120%)}.btn:active{transform:translateY(0) scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-ghost{background:hsla(0,0%,100%,.03);border:1px solid var(--border-hi);box-shadow:none;color:var(--text)}.btn-ghost:hover{background:hsla(0,0%,100%,.07);border-color:var(--accent);box-shadow:0 0 0 1px rgba(109,139,255,.35);color:#fff}.btn-block{width:100%}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.06s}.reveal-delay-2{transition-delay:.12s}.reveal-delay-3{transition-delay:.18s}.reveal-delay-4{transition-delay:.24s}.reveal-delay-5{transition-delay:.3s}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.btn,.card,.card-media img,.reveal{transition:none}.navbar .dot{animation:none}}.pay-box{background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--border);border-radius:var(--radius);padding:22px;margin-top:20px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-card)}.addr{font-family:ui-monospace,SF Mono,Menlo,monospace;background:#06070b;padding:12px 14px;border-radius:10px;word-break:break-all;font-size:.82rem;border:1px solid var(--border);color:#cfd6ff;transition:border-color .25s ease,background .25s ease}.addr:hover{border-color:var(--accent);background:#080a11}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.9rem;padding:8px 0;border-bottom:1px dashed hsla(0,0%,100%,.05)}.row:last-child{border-bottom:none}.row>span:first-child{color:var(--text-dim)}.row strong{color:#fff}.badge{padding:5px 12px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.badge.pending{background:rgba(255,209,102,.12);color:#ffd166;box-shadow:inset 0 0 0 1px rgba(255,209,102,.25)}.badge.paid{background:rgba(110,231,162,.12);color:#6ee7a2;box-shadow:inset 0 0 0 1px rgba(110,231,162,.25);animation:paidPulse 1.8s ease-in-out infinite}@keyframes paidPulse{0%,to{box-shadow:inset 0 0 0 1px rgba(110,231,162,.25),0 0 0 0 rgba(110,231,162,.4)}50%{box-shadow:inset 0 0 0 1px rgba(110,231,162,.4),0 0 0 6px rgba(110,231,162,0)}}.reader{margin-top:20px}.reader iframe{width:100%;height:78vh;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-card)}.detail{display:grid;grid-template-columns:1fr;grid-gap:26px;gap:26px;margin-top:28px;align-items:start}.detail-media{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-card);aspect-ratio:3/4;max-width:380px}.detail-media img{width:100%;height:100%;object-fit:cover}.detail-body h2{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800;letter-spacing:-.02em;margin-bottom:12px;background:linear-gradient(120deg,#fff,#b4c3ff);-webkit-background-clip:text;background-clip:text;color:transparent}.detail-body .detail-desc{color:var(--text-dim);margin:10px 0 22px;max-width:520px}.detail-price{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(90deg,#6ee7a2,#4dd4ac);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:18px}@media (min-width:720px){.detail{grid-template-columns:320px 1fr;gap:40px}}@media (max-width:720px){.container{padding:0 16px 64px}.navbar{padding:12px 16px}.hero{padding:36px 0 24px}.hero-stats{gap:20px}.grid{gap:14px;grid-template-columns:repeat(2,1fr)}.card-body{padding:12px}.card-body h3{font-size:.9rem}.card-body p{font-size:.78rem}.card-badge{font-size:.6rem;padding:4px 8px}.pay-box{padding:16px}.reader iframe{height:68vh}}@media (max-width:380px){.grid{grid-template-columns:1fr}}