*{box-sizing:border-box}
:root{
  --bg:#07070a;--panel:#101016;--panel2:#15151d;--line:#272733;
  --muted:#90909e;--text:#f7f7fb;--accent:#ff3f7a;--accent2:#a855f7;
  --glow:0 0 45px rgba(255,63,122,.18)
}
html{scroll-behavior:smooth}
body{margin:0;color:var(--text);background:
radial-gradient(circle at 10% -5%,rgba(168,85,247,.15),transparent 30%),
radial-gradient(circle at 90% 5%,rgba(255,63,122,.12),transparent 28%),var(--bg);
font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;
border-bottom:1px solid rgba(255,255,255,.07);background:rgba(7,7,10,.76);backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}
.logo{font-size:23px;font-weight:900;letter-spacing:-1.2px}.logo span{color:var(--accent)}
.nav nav{display:flex;gap:26px;color:#aaaab5;font-size:14px;align-items:center}
.nav nav a{transition:.2s}.nav nav a:hover,.nav nav .active{color:#fff}
.menu{display:none;background:none;border:0;color:#fff;font-size:25px}
.hero{max-width:1180px;margin:auto;min-height:660px;padding:105px 5% 85px;display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center}
.hero-copy{position:relative}.hero-copy:before{content:"";position:absolute;width:280px;height:280px;left:-90px;top:-100px;background:rgba(255,63,122,.13);filter:blur(70px);z-index:-1}
.eyebrow{font-size:10px;letter-spacing:2.5px;color:#ff6d99;font-weight:900;margin-bottom:14px}
.hero h1{font-size:clamp(48px,6.4vw,82px);line-height:.94;letter-spacing:-4px;margin:0;max-width:760px}
.hero h1 span{background:linear-gradient(90deg,#ff5a8d,#c084fc);-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{font-size:18px;line-height:1.75;color:#aaaab5;max-width:600px;margin:28px 0 0}
.actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 21px;border-radius:12px;font-weight:800;font-size:14px;border:1px solid var(--line);cursor:pointer;transition:.2s;box-shadow:0 8px 30px rgba(0,0,0,.18)}
.btn:hover{transform:translateY(-1px)}
.primary{background:linear-gradient(135deg,#ff3f7a,#ff5f93);color:#fff;border-color:transparent;box-shadow:0 12px 35px rgba(255,63,122,.24)}
.ghost{background:rgba(255,255,255,.035)}
.hero-placeholder,.media,.portrait{display:flex;align-items:center;justify-content:center;text-align:center;color:#70707e;
background:linear-gradient(145deg,#181821,#0e0e13);border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}
.hero-placeholder:after,.media:after,.portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.06) 50%,transparent 80%);transform:translateX(-100%)}
.hero-placeholder:hover:after,.media:hover:after,.portrait:hover:after{animation:shine 1s}
.hero-placeholder{height:430px;border-radius:28px;font-size:12px;letter-spacing:2px;box-shadow:var(--glow),0 30px 70px rgba(0,0,0,.34)}
@keyframes shine{to{transform:translateX(100%)}}
.section,.page{max-width:1180px;margin:auto;padding:78px 5%}
.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-head h2{margin:4px 0;font-size:36px;letter-spacing:-1.6px}
.section-head>a{color:#ff6a96;font-size:14px}
.grid{display:grid;gap:18px}.video-grid{grid-template-columns:repeat(3,1fr)}
.card{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:.22s;box-shadow:0 18px 45px rgba(0,0,0,.18)}
.card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.15);box-shadow:0 24px 60px rgba(0,0,0,.28)}
.media{height:215px}.card-body{padding:16px}.card h3{margin:0 0 7px;font-size:16px}.card p,.model p,.muted{margin:0;color:#888895;font-size:13px}
.cta{max-width:1080px;margin:20px auto 85px;padding:34px;border-radius:20px;border:1px solid rgba(255,255,255,.09);
background:linear-gradient(135deg,rgba(255,63,122,.12),rgba(168,85,247,.08) 55%,rgba(255,255,255,.02));
display:flex;align-items:center;justify-content:space-between;box-shadow:0 25px 70px rgba(0,0,0,.2)}
.cta h2{margin:6px 0;font-size:30px;letter-spacing:-1px}.cta p{color:#9b9ba7}
.page-title{margin-bottom:42px}.page-title h1{font-size:54px;letter-spacing:-2.8px;margin:0 0 12px}
.model-grid{grid-template-columns:repeat(3,1fr)}.model{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:.2s}
.model:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.14)}.portrait{height:335px}.model>div:last-child{padding:17px}.model h3{margin:0 0 5px}
.filters{display:flex;gap:8px;margin-bottom:25px;flex-wrap:wrap}.filter{background:#121219;color:#999;border:1px solid #2b2c35;padding:9px 14px;border-radius:9px;cursor:pointer}.filter.active{color:#fff;border-color:#ff3f78;background:rgba(255,63,122,.09)}
.auth{min-height:calc(100vh - 148px);display:flex;justify-content:center;align-items:center;padding:80px 20px}
.form-card{width:100%;max-width:480px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:36px;box-shadow:0 25px 80px rgba(0,0,0,.28)}
.form-card.wide{max-width:620px}.form-card h1{font-size:40px;letter-spacing:-1.8px;margin:0}.form-card form{margin-top:25px}
.form-card label{display:block;font-size:13px;color:#bbb;margin:15px 0}.form-card input,.form-card textarea{width:100%;margin-top:7px;padding:13px 14px;background:#0a0a0e;color:#fff;border:1px solid #30313a;border-radius:10px;outline:none;font:inherit}
.form-card input:focus,.form-card textarea:focus{border-color:#ff3f78;box-shadow:0 0 0 4px rgba(255,63,122,.08)}.check{display:flex!important;gap:8px;align-items:flex-start}.check input{width:auto;margin:2px 0}.full{width:100%;margin-top:8px}.success{color:#63d89b;font-size:13px;margin-top:14px}
footer{height:76px;border-top:1px solid rgba(255,255,255,.07);color:#777783;display:flex;justify-content:space-between;align-items:center;padding:0 5%;font-size:12px}
@media(max-width:800px){.nav nav{display:none}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:65px;min-height:auto}.hero-placeholder{height:300px}.video-grid,.model-grid{grid-template-columns:1fr 1fr}.cta{margin:20px 5% 60px}}
@media(max-width:520px){.hero{padding-top:50px}.hero h1{font-size:50px;letter-spacing:-3px}.video-grid,.model-grid{grid-template-columns:1fr}.page-title h1{font-size:42px}.cta{display:block}.cta .btn{margin-top:20px;width:100%}.form-card{padding:28px}footer{height:auto;padding:22px 5%;gap:12px;flex-direction:column;align-items:flex-start}}
