*{box-sizing:border-box}
html{background:#06030a}body{margin:0;min-height:100%;color:#f3eaf8;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#ff8fc2;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
.pt-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(900px 520px at 50% -8%,rgba(255,46,134,.30),transparent 62%),radial-gradient(700px 500px at -8% 55%,rgba(150,20,100,.22),transparent 60%),radial-gradient(700px 500px at 108% 70%,rgba(110,20,130,.18),transparent 60%),#06030a}
.pt-bg::after{content:"";position:absolute;left:-30%;right:-30%;bottom:-8%;height:55%;background-image:linear-gradient(rgba(255,90,170,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,90,170,.16) 1px,transparent 1px);background-size:70px 70px;transform:perspective(520px) rotateX(62deg);transform-origin:50% 100%;-webkit-mask-image:linear-gradient(to top,#000 10%,transparent 85%);mask-image:linear-gradient(to top,#000 10%,transparent 85%)}
/* landing */
.pt-nav{position:sticky;top:14px;z-index:20;max-width:1040px;margin:14px auto 0;display:flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 20px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(10,6,16,.72);backdrop-filter:blur(14px)}
.pt-brand{display:inline-flex;align-items:center;gap:10px;font:800 17px Inter,sans-serif;color:#fff}
.pt-brand img{width:30px;height:30px}
.pt-links{display:flex;align-items:center;gap:6px}
.pt-links a{padding:9px 16px;border-radius:10px;color:#cdbdd8;font:600 14px Inter,sans-serif}
.pt-links a:hover{color:#fff}
.pt-links a.pri{background:linear-gradient(135deg,#ff4fa3,#c2127f);color:#fff;font-weight:800;box-shadow:0 6px 20px rgba(255,46,134,.4)}
.pt-hero{display:grid;justify-items:center;text-align:center;padding:60px 20px 40px;min-height:calc(100vh - 80px)}
.pt-logo{width:84px;height:84px;filter:drop-shadow(0 0 28px rgba(255,46,134,.8));margin-top:8px}
.pt-title{margin:14px 0 0;font:900 clamp(72px,17vw,200px)/.95 Unbounded,Inter,sans-serif;letter-spacing:-.05em;text-transform:uppercase;background:linear-gradient(180deg,#fff 20%,#e9a8cd 62%,#9a4a78 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 40px rgba(255,46,134,.25))}
.pt-tag{max-width:560px;margin:26px 0 0;color:#b9a9c4;font-size:18px;line-height:1.6}
.pt-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:30px}
.pt-btn{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 26px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#fff;font:800 15px Inter,sans-serif}
.pt-btn.pri{background:linear-gradient(135deg,#ff4fa3,#c2127f);border-color:transparent;box-shadow:0 10px 34px rgba(255,46,134,.45)}
.pt-btn svg{width:20px;height:20px;fill:currentColor}
.pt-scroll{width:28px;height:44px;border-radius:16px;border:1px solid rgba(255,255,255,.25);margin-top:70px;display:grid;place-items:start center;padding-top:9px}
.pt-scroll i{width:3px;height:8px;border-radius:3px;background:#fff;animation:pt-s 1.6s infinite}
@keyframes pt-s{0%{opacity:0;transform:translateY(0)}40%{opacity:1}100%{opacity:0;transform:translateY(14px)}}
.pt-sec{max-width:1040px;margin:0 auto;padding:40px 20px}
.pt-eyebrow{text-align:center;color:#ff5fa8;font:700 12px "JetBrains Mono",monospace;letter-spacing:.3em;text-transform:uppercase}
.pt-h2{text-align:center;margin:12px 0 34px;font:800 clamp(34px,5vw,58px)/1.05 Unbounded,Inter,sans-serif;letter-spacing:-.04em}
.pt-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pt-card{padding:26px 24px;border:1px solid rgba(255,46,134,.24);border-radius:20px;background:linear-gradient(180deg,rgba(255,46,134,.11),rgba(255,255,255,.02));min-height:210px}
.pt-ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;color:#ff5fa8;background:rgba(255,46,134,.13);border:1px solid rgba(255,46,134,.4);margin-bottom:34px}
.pt-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pt-card h3{margin:0 0 8px;font:800 22px Inter,sans-serif}
.pt-card p{margin:0;color:#b9a9c4;font-size:15px;line-height:1.55}
.pt-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.03)}
.pt-strip div{padding:22px 24px;border-right:1px solid rgba(255,255,255,.08)}.pt-strip div:last-child{border:0}
.pt-strip b{display:block;margin-bottom:6px;font:800 16px Inter,sans-serif}
.pt-strip span{color:#8d7c9b;font-size:14px;line-height:1.5}
.pt-final{max-width:1040px;margin:60px auto 0;padding:0 20px}
.pt-final>div{display:grid;justify-items:center;padding:70px 20px;border:1px solid rgba(255,46,134,.24);border-radius:24px;background:radial-gradient(500px 220px at 50% 100%,rgba(255,46,134,.22),transparent 70%),rgba(255,255,255,.02)}
.pt-final h2{margin:0 0 26px;font:900 clamp(34px,5vw,60px) Unbounded,Inter,sans-serif;letter-spacing:-.04em;text-align:center}
.pt-foot{max-width:1040px;margin:30px auto 0;padding:0 20px 40px;display:flex;justify-content:space-between;color:#6f6079;font-size:13px}
/* login / register */
.pa{display:grid;place-items:center;min-height:100vh;padding:24px;position:relative}
.pa-back{position:absolute;left:18px;top:18px;display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(10,6,16,.7);color:#fff;font:700 13px Inter,sans-serif}
.pa-card{width:min(410px,100%);padding:28px 26px 26px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(180deg,rgba(24,14,32,.92),rgba(12,8,18,.92));box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 60px rgba(255,46,134,.12);text-align:center}
.pa-brand{display:inline-flex;align-items:center;gap:10px;font:800 15px "JetBrains Mono",monospace;letter-spacing:.28em;text-transform:uppercase}
.pa-brand img{width:30px;height:30px}
.pa-card h1{margin:22px 0 8px;font:800 30px Inter,sans-serif;letter-spacing:-.02em}
.pa-card h1 span{color:#ff8fc2}
.pa-sub{margin:0 0 22px;color:#b9a9c4;font-size:14px;line-height:1.5}
.pa-f{position:relative;margin-bottom:12px}
.pa-f svg{position:absolute;left:14px;top:50%;width:16px;height:16px;transform:translateY(-50%);fill:none;stroke:#8d7c9b;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pa-f input{width:100%;height:46px;padding:0 14px 0 42px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.4);color:#fff;font:500 14px Inter,sans-serif;outline:0}
.pa-f input:focus{border-color:#ff2e86;box-shadow:0 0 0 3px rgba(255,46,134,.2)}
.pa-row{display:flex;justify-content:space-between;align-items:center;margin:2px 0 14px;font-size:13px;color:#cdbdd8;text-align:left}
.pa-row label{display:flex;align-items:center;gap:8px;cursor:pointer}
.pa-row input{accent-color:#ff2e86}
.pa-go{width:100%;height:48px;border:0;border-radius:12px;background:linear-gradient(135deg,#ff4fa3,#c2127f);color:#fff;font:900 13px Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;box-shadow:0 10px 28px rgba(255,46,134,.4)}
.pa-go[disabled]{opacity:.6}
.pa-foot{margin:16px 0 0;font-size:14px}
.pa-foot b{color:#fff}
.pa-msg{margin:12px 0 0;min-height:18px;color:#ff8fc2;font-size:13px}
.pa-msg.ok{color:#8ff0b8}
.pa-terms{display:flex;align-items:flex-start;gap:10px;margin:4px 0 16px;text-align:left;font-size:13px;color:#cdbdd8;line-height:1.4}
.pa-terms input{accent-color:#ff2e86;margin-top:2px}
.pa-modal{position:fixed;inset:0;z-index:50;display:none;place-items:center;padding:20px;background:rgba(5,2,10,.85);backdrop-filter:blur(6px)}
.pa-modal.on{display:grid}
@media (max-width:820px){.pt-cards,.pt-strip{grid-template-columns:1fr}.pt-strip div{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.pt-links a:not(.pri){display:none}}