*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;color:#1a1a2e;background:#fff;font-family:Segoe UI,system-ui,sans-serif}#root{min-height:100vh}a{color:inherit;text-decoration:none}.nav{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border-bottom:1px solid #f3e8f0;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.nav-logo{color:#db2777;font-size:18px;font-weight:700}.nav-links{align-items:center;gap:24px;font-size:14px;display:flex}.nav-links a{color:#4b5563;cursor:pointer;transition:color .15s}.nav-links a:hover{color:#db2777}.nav-signin{color:#db2777;cursor:pointer;font-weight:600}.hero{text-align:center;background:linear-gradient(150deg,#fff0f9 0%,#fce7f3 55%,#ede9fe 100%);padding:80px 24px 72px}.hero-badge{color:#db2777;background:#fff;border-radius:20px;margin-bottom:22px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-block;box-shadow:0 2px 10px #db277726}.hero-title{color:#1a1a2e;letter-spacing:-1.5px;margin-bottom:18px;font-size:52px;font-weight:800;line-height:1.12}.hero-sub{color:#6b5560;max-width:420px;margin:0 auto 32px;font-size:16px;line-height:1.65}.hero-cta{color:#fff;cursor:pointer;background:#db2777;border:none;border-radius:14px;padding:15px 30px;font-family:inherit;font-size:16px;font-weight:600;transition:background .2s,transform .15s;box-shadow:0 6px 20px #db27774d}.hero-cta:hover{background:#be185d;transform:translateY(-2px)}.hero-stars{color:#64748b;margin-top:14px;font-size:12px}.preview-section{background:#fff;justify-content:center;padding:56px 24px;display:flex}.preview-card{background:#fff;border:1px solid #db27771f;border-radius:20px;width:100%;max-width:500px;padding:28px 32px;box-shadow:0 8px 36px #00000012}.preview-label{color:#64748b;text-transform:uppercase;letter-spacing:.6px;margin-bottom:14px;font-size:11px}.preview-subject{color:#1a1a2e;margin-bottom:10px;font-size:16px;font-weight:600}.preview-body{color:#6b5560;font-size:14px;font-style:italic;line-height:1.75}.preview-sig{color:#db2777;margin-top:16px;font-size:13px;font-style:italic}.how-section{text-align:center;background:#faf5ff;padding:64px 24px}.section-title{color:#1a1a2e;letter-spacing:-.5px;margin-bottom:40px;font-size:28px;font-weight:700}.steps{flex-wrap:wrap;justify-content:center;gap:40px;max-width:560px;margin:0 auto;display:flex}.step{text-align:center;flex:1;min-width:110px}.step-icon{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 14px;font-size:26px;display:flex;box-shadow:0 4px 16px #00000014}.step-name{color:#1a1a2e;margin-bottom:4px;font-size:14px;font-weight:600}.step-desc{color:#64748b;font-size:12px}.testimonial-section{background:#fff;justify-content:center;padding:56px 24px;display:flex}.testimonial-card{background:#fff;border:1px solid #db27771f;border-radius:20px;width:100%;max-width:500px;padding:28px 32px;box-shadow:0 4px 20px #0000000d}.testimonial-text{color:#6b5560;margin-bottom:18px;font-size:15px;font-style:italic;line-height:1.75}.testimonial-author{align-items:center;gap:10px;display:flex}.testimonial-avatar{color:#db2777;background:#fce7f3;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:flex}.testimonial-name{color:#1a1a2e;font-size:13px;font-weight:600}.testimonial-stars{margin-top:2px;font-size:11px}.pricing-section{text-align:center;background:linear-gradient(150deg,#fff0f9 0%,#ede9fe 100%);padding:64px 24px}.pricing-card{background:#fff;border-radius:24px;max-width:360px;margin:0 auto;padding:44px 36px 36px;position:relative;box-shadow:0 16px 56px #0000001a}.pricing-badge{color:#fff;letter-spacing:.3px;background:#db2777;border-radius:20px;padding:4px 16px;font-size:11px;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.pricing-price{color:#1a1a2e;margin-bottom:6px;font-size:56px;font-weight:800}.pricing-price span{color:#64748b;font-size:20px;font-weight:400}.pricing-desc{color:#4b5563;margin-bottom:28px;font-size:14px}.pricing-features{text-align:left;margin-bottom:28px;list-style:none}.pricing-features li{color:#374151;border-bottom:1px solid #f3f4f6;padding:7px 0;font-size:14px}.pricing-features li:last-child{border-bottom:none}.form-section{background:#f9fafb;justify-content:center;padding:72px 24px;display:flex}.form-card{background:#fff;border-radius:24px;width:100%;max-width:560px;padding:44px 40px;box-shadow:0 8px 48px #00000012}.form-title{color:#1a1a2e;text-align:center;margin-bottom:6px;font-size:26px;font-weight:700}.form-subtitle{color:#64748b;text-align:center;margin-bottom:32px;font-size:14px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.login-page{background:linear-gradient(150deg,#fff0f9 0%,#ede9fe 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border-radius:24px;width:100%;max-width:400px;padding:44px 40px;box-shadow:0 16px 56px #0000001a}.login-logo{text-align:center;color:#db2777;margin-bottom:8px;font-size:26px;font-weight:700}.login-subtitle{text-align:center;color:#64748b;margin-bottom:32px;font-size:14px}.form-group{margin-bottom:18px}label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:500;display:block}input[type=text],input[type=email],input[type=password],input[type=time]{color:#1a1a2e;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:14px;transition:border .2s,box-shadow .2s}input:focus{border-color:#db2777;box-shadow:0 0 0 3px #db277714}.toggle-container{background:#f3f4f6;border-radius:10px;padding:4px;display:flex}.toggle-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}.toggle-btn.active{color:#db2777;background:#fff;box-shadow:0 2px 8px #00000014}.submit-btn{color:#fff;cursor:pointer;background:#db2777;border:none;border-radius:12px;width:100%;margin-top:8px;padding:14px;font-family:inherit;font-size:15px;font-weight:600;transition:background .2s,transform .15s;box-shadow:0 4px 16px #db277740}.submit-btn:hover{background:#be185d;transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;box-shadow:none;background:#d1d5db;transform:none}.price-tag{text-align:center;color:#64748b;margin-top:12px;font-size:13px}.price-tag span{color:#db2777;font-weight:600}.signin-link{text-align:center;color:#64748b;margin-top:16px;font-size:13px}.signin-link span{color:#db2777;cursor:pointer;font-weight:500}.signin-link span:hover{text-decoration:underline}.error{color:#ef4444;margin-top:6px;font-size:13px}.dashboard{background:#f9fafb;min-height:100vh}.dash-nav{z-index:10;background:#fff;border-bottom:1px solid #f3e8f0;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.dash-nav-logo{color:#db2777;font-size:18px;font-weight:700}.dash-signout{color:#db2777;cursor:pointer;background:#fff;border:1.5px solid #fce7f3;border-radius:10px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s}.dash-signout:hover{background:#fff0f9}.dash-content{max-width:640px;margin:0 auto;padding:32px 20px}.dash-welcome{background:linear-gradient(135deg,#fce7f3 0%,#ede9fe 100%);border-radius:20px;margin-bottom:20px;padding:28px}.dash-welcome h2{color:#1a1a2e;margin-bottom:4px;font-size:22px;font-weight:700}.dash-welcome p{color:#6b5560;font-size:13px}.dash-alert-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin-bottom:16px;padding:12px 18px;font-size:14px}.dash-alert-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:12px;margin-bottom:16px;padding:12px 18px;font-size:14px}.dash-card{background:#fff;border:1px solid #f3f4f6;border-radius:20px;margin-bottom:16px;padding:28px;box-shadow:0 2px 12px #0000000a}.dash-card-title{color:#1a1a2e;align-items:center;gap:8px;margin-bottom:22px;font-size:16px;font-weight:700;display:flex}.plan-row{background:#faf5ff;border:1px solid #ede9fe;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 16px;display:flex}.plan-row-name{color:#1a1a2e;font-size:14px;font-weight:600}.plan-row-desc{color:#64748b;margin-top:2px;font-size:12px}.plan-row-price{color:#db2777;text-align:right;font-size:15px;font-weight:700}.plan-row-status{margin-top:2px;font-size:12px}.addon-box{text-align:center;background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;margin-bottom:10px;padding:18px}.addon-box p{color:#4b5563;margin-bottom:10px;font-size:13px}.addon-btn{color:#fff;cursor:pointer;background:#db2777;border:none;border-radius:10px;padding:10px 22px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s}.addon-btn:hover{background:#be185d}.cancel-btn{color:#ef4444;cursor:pointer;background:#fff;border:1.5px solid #fecaca;border-radius:12px;width:100%;margin-top:6px;padding:13px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s}.cancel-btn:hover{background:#fff1f2}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.main-nav{z-index:10;background:#fffaf7;border-bottom:1px solid #c88c8226;justify-content:space-between;align-items:center;padding:1.1rem 3rem;display:flex;position:sticky;top:0}.main-nav-links{color:#6b4050;letter-spacing:.04em;gap:2.5rem;font-size:13px;font-weight:400;display:flex}.hero-grid{grid-template-columns:1fr 1fr;min-height:560px;display:grid}.hero-left{background:#fffaf7;flex-direction:column;justify-content:center;padding:5rem 3rem 4rem;display:flex}.hero-heading{font-size:50px}.hero-right{background:#fff0f3;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.how-section-outer{background:#fffaf7;padding:5rem 3rem}.how-steps-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.testimonials-section{background:#1c1014;padding:4rem 3rem}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.pricing-section-outer{text-align:center;background:#fffaf7;padding:5rem 3rem}.pricing-grid{text-align:left;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:680px;margin:0 auto;display:grid}.signup-outer{background:#fff0f3;padding:5rem 3rem}.signup-form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.footer-bar{background:#1c1014;justify-content:space-between;align-items:center;padding:2rem 3rem;display:flex}@media (width<=640px){.main-nav{padding:1rem 1.25rem}.main-nav-links{display:none}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-right{display:none}.hero-left{padding:2.5rem 1.5rem 2rem}.hero-heading{font-size:34px}.how-section-outer{padding:3rem 1.25rem}.how-steps-grid{grid-template-columns:1fr;gap:1.5rem}.how-section-outer h2,.testimonials-section h2,.pricing-section-outer h2{font-size:28px!important}.testimonials-section{padding:3rem 1.25rem}.testimonials-grid{grid-template-columns:1fr}.pricing-section-outer{padding:3rem 1.25rem}.pricing-grid{grid-template-columns:1fr}.signup-outer{padding:3rem 1.25rem}.signup-form-grid{grid-template-columns:1fr}.footer-bar{text-align:center;flex-direction:column;gap:1.25rem;padding:1.5rem}.hero-title{letter-spacing:-.5px;font-size:34px}.hero{padding:56px 20px 48px}.form-row{grid-template-columns:1fr}.form-card{padding:28px 20px}.nav,.dash-nav{padding:14px 20px}.login-card{padding:32px 24px}}
