:root{--bg:#fff7fa;--panel:#fff;--text:#422533;--muted:#9d7585;--pink:#ed76a3;--pink2:#d95186;--gold:#b68751;--line:#f1dae4;--shadow:0 18px 50px rgba(145,65,95,.13)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(900px 500px at 78% -10%,#ffd2e2 0%,transparent 65%),linear-gradient(120deg,#fffafe,#fff5f8);color:var(--text);font-family:"DM Sans","Noto Sans SC",sans-serif}.grain{position:fixed;inset:0;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");z-index:9}button{font:inherit;color:inherit;border:0;cursor:pointer}a{color:inherit;text-decoration:none}.shell{max-width:1440px;margin:auto;padding:0 44px}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{display:flex;gap:12px;align-items:center;font-weight:700;letter-spacing:2px;font-size:19px}.cat{width:34px;height:34px;border-radius:13px;background:linear-gradient(145deg,#ffc7da,#e4699c);display:grid;place-items:center;color:#641c3d;box-shadow:0 8px 22px #e86a9960}.nav{display:flex;gap:8px;padding:6px;border:1px solid var(--line);background:#fffaffcc;border-radius:999px;backdrop-filter:blur(16px);box-shadow:0 8px 24px #9c4a6b10}.nav button{padding:9px 18px;border-radius:999px;color:#956b7c;background:transparent;font-size:14px}.nav button.active,.nav button:hover{background:linear-gradient(135deg,#fa9abd,#df628f);color:#fff;box-shadow:0 8px 20px #e86a9a35}.account{display:flex;align-items:center;gap:12px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f2c6d5,#b45a80);color:#fff;font-weight:700}.ghost{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 15px;color:#855c6d;box-shadow:0 5px 18px #a14c6c0b}.page{padding-bottom:72px}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:2px;font-weight:700}.hero{min-height:510px;border-radius:30px;overflow:hidden;position:relative;background:#f7bdd0;margin:8px 0 56px;box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff8fb 0%,#fff8fbe5 34%,#fff8fb25 70%)}.hero-img{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1524504388940-b1c1722653e1?auto=format&fit=crop&w=1600&q=85') center 35%/cover}.hero-content{position:absolute;z-index:1;left:64px;bottom:62px;max-width:510px}.hero h1{font-size:52px;letter-spacing:-2px;line-height:1.14;margin:14px 0}.hero p{color:#745364;line-height:1.8;margin:0 0 26px}.pill{display:inline-flex;gap:8px;align-items:center;background:#fff8fbd9;border:1px solid #f1cbd9;padding:7px 11px;border-radius:999px;color:#b6547d;font-size:12px}.primary{border-radius:15px;padding:14px 20px;background:linear-gradient(135deg,#f99aba,#db5d8c);color:#fff;font-weight:700;box-shadow:0 10px 26px #e5609265}.primary:hover{transform:translateY(-2px)}.section-head{display:flex;align-items:end;justify-content:space-between;margin:28px 0 18px}.section-head h2{margin:5px 0 0;font-size:24px}.section-head button{background:transparent;color:#c25b83}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.25s;cursor:pointer}.card:hover{transform:translateY(-7px);border-color:#f68cae88;box-shadow:0 18px 35px #d8759a2e}.thumb{height:265px;position:relative;background-size:cover;background-position:center}.duration,.tag{position:absolute;background:#fffafbd9;backdrop-filter:blur(4px);border-radius:8px;padding:5px 7px;font-size:11px;color:#8b536a}.duration{right:10px;bottom:10px}.tag{left:10px;top:10px;color:#bd587e}.card-body{padding:15px}.card-title{font-weight:600}.meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:9px}.price{color:#dc608d;font-weight:700}.member-hero{padding:48px;background:radial-gradient(circle at 82% 10%,#f596b855,transparent 26%),linear-gradient(135deg,#fff8fb,#ffe7f0);border:1px solid #edb5c8;border-radius:28px}.member-hero h1{font-size:36px;margin:10px 0}.plans{display:flex;gap:14px;margin-top:28px}.plan{flex:1;padding:18px;border-radius:18px;border:1px solid var(--line);background:#fff}.plan.highlight{border-color:#f493b8;background:linear-gradient(145deg,#ffd5e3,#fff)}.plan b{font-size:25px}.detail{display:grid;grid-template-columns:1.5fr .75fr;gap:28px}.video-stage{height:560px;border-radius:26px;background:linear-gradient(#79364a22,#79364a99),url('https://images.unsplash.com/photo-1517841905240-472988babdf9?auto=format&fit=crop&w=1500&q=85') center/cover;display:grid;place-items:center;position:relative}.stage-play{width:76px;height:76px;border-radius:50%;background:#f697b9;display:grid;place-items:center;font-size:28px;color:#fff;box-shadow:0 0 0 10px #f697b955}.info-panel{border:1px solid var(--line);background:#fff;border-radius:24px;padding:26px}.info-panel h1{font-size:28px;margin:8px 0 14px}.info-panel p{line-height:1.8;color:#8d6c7a}.buy-box{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.wide{width:100%;margin-top:14px}.trial-note{padding:15px;border-radius:14px;background:#fff1f6;color:#92516d;font-size:13px}.paywall{position:absolute;inset:0;border-radius:26px;background:#fff9fbd9;backdrop-filter:blur(8px);display:grid;place-items:center;text-align:center;color:#512237}.paywall div{padding:30px}.paywall h2{margin:8px 0}.paywall p{color:#916b7c}.crumb{color:#a8798b;font-size:13px;margin:6px 0 20px}.admin-layout{min-height:100vh;display:grid;grid-template-columns:250px 1fr;background:#100e12;color:#fff}.side{padding:30px 17px;border-right:1px solid #ffffff12;background:#151116}.side .brand{padding:0 11px;margin-bottom:48px}.side button{width:100%;text-align:left;padding:13px;border-radius:10px;background:transparent;color:#a99ba3;margin:3px 0}.side button.active,.side button:hover{color:#ffb6cf;background:#ef789f24}.admin-main{padding:30px 40px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.admin-header h1{margin:0;font-size:26px}.admin-header p{margin:6px 0 0;color:#a99ba3}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{padding:20px;border:1px solid #ffffff12;border-radius:18px;background:#ffffff08}.stat span{color:#a99ba3;font-size:13px}.stat b{display:block;font-size:27px;margin:12px 0 8px}.up{color:#92d9a6;font-size:12px}.chart{height:260px;margin-top:20px;padding:22px;border:1px solid #ffffff12;border-radius:20px;background:#ffffff08}.bars{display:flex;height:175px;align-items:end;gap:18px;padding:10px 4px}.bars i{display:block;flex:1;background:linear-gradient(#f294b8,#bd4d7c);border-radius:8px 8px 2px 2px}.table-card{margin-top:20px;border:1px solid #ffffff12;border-radius:20px;overflow:hidden;background:#ffffff05}.table-head,.row{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1fr;gap:16px;padding:14px 20px;align-items:center}.table-head{color:#a99aa3;font-size:12px;background:#ffffff05}.row{border-top:1px solid #ffffff12;font-size:14px}.status{font-size:12px;color:#9be5b0;background:#79df9420;width:max-content;padding:5px 8px;border-radius:7px}.upload{border:1.5px dashed #e280a4aa;border-radius:22px;min-height:260px;display:grid;place-content:center;text-align:center;color:#c7aeba;background:#f078a40b}.upload strong{font-size:18px;color:#f6bfd2;margin:9px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:22px}.field{display:grid;gap:8px;color:#cdbcc4;font-size:13px}.field input,.field select{background:#ffffff08;border:1px solid #ffffff18;border-radius:11px;padding:13px;color:#fff;outline:none}.toast{position:fixed;z-index:20;right:28px;bottom:28px;background:#f493b8;color:#fff;padding:14px 18px;border-radius:12px;font-weight:700;box-shadow:var(--shadow)}@media(max-width:850px){.shell{padding:0 18px}.nav{display:none}.hero-content{left:28px;bottom:34px}.hero h1{font-size:36px}.grid,.stats{grid-template-columns:repeat(2,1fr)}.detail{grid-template-columns:1fr}.video-stage{height:320px}.admin-layout{grid-template-columns:1fr}.side{display:flex;overflow:auto;padding:14px}.side .brand{display:none}.side button{min-width:110px}.admin-main{padding:24px 18px}.table-card{overflow:auto}.table-head,.row{min-width:700px}.plans{flex-direction:column}}@media(max-width:520px){.grid,.stats{grid-template-columns:1fr}.hero{min-height:450px}.account .ghost{display:none}.form-row{grid-template-columns:1fr}}