:root{--brand-pink: #fe2c55;--brand-cyan: #25f4ee;--bg: #ffffff;--bg-alt: #fafafa;--fg: #161823;--fg-muted: #5b5d6b;--border: #ececef;--radius: 10px;--gradient: linear-gradient(135deg, var(--brand-pink) 0%, var(--brand-cyan) 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,system-ui,sans-serif;font-size:16px;line-height:1.6;color:var(--fg);background:var(--bg)}a{color:var(--brand-pink);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-weight:700;line-height:1.25;margin:0 0 16px}h1{font-size:40px}h2{font-size:28px}h3{font-size:20px}p{margin:0 0 16px;color:var(--fg-muted)}.container{max-width:1080px;margin:0 auto;padding:0 24px}.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);background:#ffffffeb;backdrop-filter:saturate(180%) blur(8px);position:sticky;top:0;z-index:100}.nav .logo{font-weight:800;font-size:20px;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.nav nav a{color:var(--fg);margin-left:24px;font-weight:500}.nav nav a:hover{color:var(--brand-pink);text-decoration:none}.btn{display:inline-block;padding:10px 20px;border-radius:var(--radius);font-weight:600;font-size:15px;cursor:pointer;border:none;transition:transform .1s,box-shadow .15s;text-decoration:none}.btn-primary{background:var(--gradient);color:#fff}.btn-primary:hover{box-shadow:0 6px 18px #fe2c5552;text-decoration:none}.btn-primary:active{transform:scale(.98)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--fg)}.btn-ghost:hover{border-color:var(--fg);text-decoration:none}.hero{text-align:center;padding:96px 24px 64px}.hero h1{font-size:56px;letter-spacing:-1px;margin-bottom:20px}.hero .gradient{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .lead{font-size:19px;max-width:640px;margin:0 auto 32px}.hero .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;padding:48px 0}.card{border:1px solid var(--border);border-radius:12px;padding:24px;background:var(--bg)}.card .icon{font-size:28px;margin-bottom:12px}.card h3{margin:0 0 8px}.card p{margin:0}.pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:720px;margin:48px auto}.plan{border:1px solid var(--border);border-radius:16px;padding:32px;background:var(--bg);display:flex;flex-direction:column}.plan.featured{border-color:var(--brand-pink);border-width:2px;position:relative}.plan.featured:before{content:"Popular";position:absolute;top:-12px;right:24px;background:var(--gradient);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px}.plan h3{font-size:22px}.plan .price{font-size:36px;font-weight:800;margin:8px 0}.plan .price small{font-size:14px;color:var(--fg-muted);font-weight:400}.plan ul{list-style:none;padding:0;margin:16px 0 24px;flex:1}.plan ul li{padding:6px 0;color:var(--fg-muted)}.plan ul li:before{content:"✓ ";color:#00b894;font-weight:700}footer{border-top:1px solid var(--border);background:var(--bg-alt);padding:40px 24px;margin-top:80px;font-size:14px;color:var(--fg-muted)}footer .footer-grid{display:grid;grid-template-columns:1fr auto auto;gap:32px;max-width:1080px;margin:0 auto;align-items:center}footer a{color:var(--fg-muted);margin-left:16px}footer a:hover{color:var(--fg)}.legal{max-width:760px;margin:64px auto;padding:0 24px}.legal h2{margin-top:32px;font-size:22px}.legal h1{margin-bottom:8px}.legal .updated{color:var(--fg-muted);font-size:14px;margin-bottom:32px}.dashboard{max-width:720px;margin:64px auto;padding:0 24px}.dash-card{border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:16px;background:var(--bg)}.user-row{display:flex;align-items:center;gap:16px}.user-row img{width:56px;height:56px;border-radius:50%}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge-free{background:#f0f0f3;color:#555}.badge-pro{background:var(--gradient);color:#fff}.muted{color:var(--fg-muted)}@media(max-width:640px){.hero{padding:56px 24px 32px}.hero h1{font-size:36px}.nav nav a{margin-left:12px;font-size:14px}footer .footer-grid{grid-template-columns:1fr;text-align:left}footer a{margin-left:0;margin-right:16px;display:inline-block}}