.intro{min-height:100vh;background:radial-gradient(720px 480px at 8% 4%,rgba(236,72,153,.1),transparent 60%),radial-gradient(720px 480px at 92% 8%,rgba(139,92,246,.08),transparent 60%),#f6f7fb;color:#1f2937}.intro .dot{color:var(--brand-pink)}.intro-nav{max-width:1080px;margin:0 auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between}.intro-wordmark{font-size:24px;font-weight:800;letter-spacing:.5px;color:#111827}.intro-nav-links{display:flex;align-items:center;gap:20px}.intro-nav-login{font-size:15px;font-weight:600;color:#374151;text-decoration:none}.intro-nav-login:hover{color:var(--brand-pink)}.intro-hero{max-width:760px;margin:0 auto;padding:72px 24px 56px;text-align:center}.intro-kicker{display:inline-block;font-size:14px;font-weight:700;color:var(--brand-pink-deep,#be185d);background:#fce7f3;border-radius:999px;padding:8px 18px;margin-bottom:22px}.intro-hero h1{font-size:clamp(34px,6vw,52px);line-height:1.25;margin:0 0 18px;font-weight:800;color:#111827}.intro-hero h1 .hl{color:var(--brand-pink)}.intro-lead{font-size:18px;line-height:1.8;color:#4b5563;margin:0 0 32px}.intro-cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn-primary{display:inline-block;border-radius:999px;background:linear-gradient(135deg,#f472b6,#ec4899 55%,#db2777);color:#fff;font-weight:700;text-decoration:none;box-shadow:0 8px 22px rgba(236,72,153,.35);transition:transform .12s,box-shadow .2s,filter .18s}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-outline{display:inline-block;border-radius:999px;background:#fff;border:2px solid var(--brand-pink);color:var(--brand-pink);font-weight:700;text-decoration:none;transition:background .15s,transform .12s}.btn-outline:hover{background:#fdf2f8;transform:translateY(-1px)}.btn-lg{padding:15px 48px;font-size:17px}.btn-sm{padding:9px 24px;font-size:14px}.intro-section{max-width:1080px;margin:0 auto;padding:28px 24px}.intro-section h2{font-size:24px;font-weight:800;color:#111827;margin:0 0 22px;padding-left:14px;border-left:5px solid var(--brand-pink);line-height:1.4}.intro-cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px}@media (max-width:900px){.intro-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.intro-cards{grid-template-columns:1fr}}.intro-card{background:#fff;border-radius:18px;padding:26px 22px;box-shadow:0 10px 30px rgba(17,24,39,.06);border:1px solid #f1f2f6}.intro-card-icon{width:64px;height:64px;border-radius:18px;background:#fce7f3;color:var(--brand-pink);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.intro-card h3{font-size:18px;font-weight:800;margin:0 0 10px;color:#111827}.intro-card p{font-size:15px;line-height:1.75;color:#4b5563;margin:0}.intro-start-card{background:#fff;border-radius:20px;padding:44px 32px;text-align:center;box-shadow:0 10px 30px rgba(17,24,39,.06);border:1px solid #f1f2f6}.intro-start-card>p:first-child{font-size:19px;font-weight:600;color:#111827;margin:0 0 26px}.intro-note{margin:20px 0 0;font-size:14px;color:#6b7280}.intro-footer{max-width:1080px;margin:0 auto;padding:36px 24px 48px;text-align:center;font-size:13px;color:#9ca3af}.intro-footer-links{margin-left:12px}.intro-footer-links a{color:#9ca3af;text-decoration:none;margin:0 6px}.intro-footer-links a:hover{color:var(--brand-pink)}