.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:400px}.toast{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:12px;background:#1a1a1a;color:#fff;box-shadow:0 4px 20px #0000004d;animation:slideIn .3s ease-out;min-width:280px;border-left:4px solid transparent}.toast-success{border-left-color:#10b981}.toast-error{border-left-color:#ef4444}.toast-warning{border-left-color:#f59e0b}.toast-info{border-left-color:#3b82f6}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.toast-success .toast-icon{background:#10b981;color:#fff}.toast-error .toast-icon{background:#ef4444;color:#fff}.toast-warning .toast-icon{background:#f59e0b;color:#fff}.toast-info .toast-icon{background:#3b82f6;color:#fff}.toast-message{flex:1;font-size:14px;line-height:1.4}.toast-close{background:none;border:none;color:#666;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.toast-close:hover{color:#fff;background:rgba(255,255,255,.1)}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10001;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out;padding:20px}.confirm-modal{background:linear-gradient(145deg,#ffffff 0%,#f8f9fa 100%);border-radius:20px;padding:32px;max-width:420px;width:100%;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;animation:modalIn .3s cubic-bezier(.16,1,.3,1);text-align:center}@keyframes modalIn{0%{transform:scale(.95) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.confirm-icon-wrapper{display:flex;justify-content:center;margin-bottom:20px}.confirm-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.confirm-icon.danger{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#dc2626;box-shadow:0 0 0 8px #ef44441a}.confirm-icon.warning{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#d97706;box-shadow:0 0 0 8px #f59e0b1a}.confirm-icon.info{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#2563eb;box-shadow:0 0 0 8px #3b82f61a}.confirm-title{margin:0 0 12px;font-size:22px;font-weight:700;color:#111827;letter-spacing:-.02em}.confirm-message{margin:0 0 28px;color:#6b7280;font-size:15px;line-height:1.6}.confirm-actions{display:flex;gap:12px;justify-content:center}.confirm-btn{padding:12px 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);border:none;min-width:120px}.confirm-btn-cancel{background:#f3f4f6;color:#374151}.confirm-btn-cancel:hover{background:#e5e7eb;transform:translateY(-1px)}.confirm-btn-danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;box-shadow:0 4px 14px #ef444466}.confirm-btn-danger:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-2px);box-shadow:0 6px 20px #ef444480}.confirm-btn-warning{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;box-shadow:0 4px 14px #f59e0b66}.confirm-btn-warning:hover{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b80}.confirm-btn-info{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;box-shadow:0 4px 14px #3b82f666}.confirm-btn-info:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}@media (max-width: 480px){.toast-container{left:10px;right:10px;max-width:none}.toast{min-width:auto}.confirm-modal{padding:24px}.confirm-icon{width:56px;height:56px}.confirm-title{font-size:20px}.confirm-actions{flex-direction:column-reverse}.confirm-btn{width:100%}}@media (prefers-color-scheme: dark){.confirm-modal{background:linear-gradient(145deg,#1f2937 0%,#111827 100%)}.confirm-title{color:#f9fafb}.confirm-message{color:#9ca3af}.confirm-btn-cancel{background:#374151;color:#f3f4f6}.confirm-btn-cancel:hover{background:#4b5563}}.navbar{position:fixed;top:0;left:0;right:0;height:60px;background:var(--white, #ffffff);border-bottom:1px solid var(--gray-200, #e5e7eb);z-index:1000}[data-theme=dark] .navbar{background:var(--gray-100, #1f1f1f);border-bottom-color:var(--gray-200, #333)}.navbar-container{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 1rem}.navbar-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--gray-900, #1a1a1a);font-weight:700;font-size:1.125rem}[data-theme=dark] .navbar-logo{color:var(--cream, #f5f5f5)}.logo-icon{font-size:1.5rem}.navbar-links{display:flex;align-items:center;gap:.5rem}.nav-link{padding:.5rem 1rem;text-decoration:none;color:var(--gray-600, #666);font-weight:500;font-size:.875rem;border-radius:.5rem;transition:all .2s}.nav-link:hover{color:var(--gray-900, #1a1a1a);background:var(--gray-100, #f3f4f6)}[data-theme=dark] .nav-link{color:var(--gray-400, #aaa)}[data-theme=dark] .nav-link:hover{color:var(--cream, #f5f5f5);background:var(--gray-200, #333)}.nav-link-primary{background:var(--pink, #EC008C);color:#fff!important}.nav-link-primary:hover{background:var(--pink-dark, #C4006F);color:#fff!important}.theme-toggle{width:40px;height:40px;border:none;background:var(--gray-100, #f3f4f6);border-radius:50%;cursor:pointer;font-size:1.125rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.theme-toggle:hover{background:var(--gray-200, #e5e7eb);transform:scale(1.05)}[data-theme=dark] .theme-toggle{background:var(--gray-200, #333)}[data-theme=dark] .theme-toggle:hover{background:var(--gray-300, #444)}@media (max-width: 640px){.navbar-container{padding:0 .75rem}.logo-text{display:none}.nav-link{padding:.5rem .75rem;font-size:.8rem}.theme-toggle{width:36px;height:36px;font-size:1rem}}.landing-page{min-height:100vh;min-height:100dvh;background:var(--cream);overflow-x:hidden}.landing-page.visible{animation:pageReveal .8s var(--ease-out-expo)}@keyframes pageReveal{0%{opacity:0}to{opacity:1}}.landing-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 0;transition:all .4s var(--ease-out-expo)}.landing-header.scrolled{background:rgba(255,254,245,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px #0000000f;padding:.75rem 0}.landing-header .header-content{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}.logo-icon{font-size:1.75rem;animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(5deg)}}.logo-text{font-size:1.25rem;font-weight:800;color:var(--gray-900);letter-spacing:-.02em}.desktop-nav{display:flex;align-items:center;gap:2rem}.desktop-nav a:not(.btn){color:var(--gray-600);text-decoration:none;font-weight:500;font-size:.95rem;transition:all .2s var(--ease-out-expo);position:relative}.desktop-nav a:not(.btn):after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--pink);border-radius:999px;transition:width .3s var(--ease-out-expo)}.desktop-nav a:not(.btn):hover{color:var(--gray-900)}.desktop-nav a:not(.btn):hover:after{width:100%}.mobile-header-actions{display:none;align-items:center;gap:.75rem}@media (max-width: 768px){.desktop-nav{display:none}.mobile-header-actions{display:flex}}.hero{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:8rem 0 4rem;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(236,0,140,.12),transparent),radial-gradient(ellipse 60% 30% at 100% 100%,rgba(236,0,140,.08),transparent),radial-gradient(ellipse 50% 50% at 0% 100%,rgba(59,130,246,.06),transparent);animation:bgShift 20s ease-in-out infinite}@keyframes bgShift{0%,to{opacity:1}50%{opacity:.8}}.hero-content{position:relative;text-align:center;max-width:800px;margin:0 auto;padding:0 1rem}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--cream-dark);border:2px solid var(--gray-900);border-radius:999px;font-size:.75rem;font-weight:700;color:var(--gray-900);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem}.hero h1{font-size:clamp(2.25rem,8vw,4.5rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--gray-900);margin-bottom:1.5rem}.highlight-text{color:var(--pink)}.hero-description{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--gray-600);line-height:1.6;max-width:600px;margin:0 auto 2rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2.5rem}.hero-actions .btn-primary{padding:1rem 2rem;font-size:1rem;gap:.75rem}.btn-arrow{transition:transform .3s var(--ease-out-expo)}.btn:hover .btn-arrow{transform:translate(4px)}.hero-trust{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.trust-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--gray-500)}.trust-icon{color:var(--success);font-weight:700}@media (max-width: 640px){.hero{padding:6rem 0 3rem}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}.hero-trust{flex-direction:column;align-items:center;gap:.75rem}}.features{padding:5rem 0;background:var(--white)}.features h2{font-size:clamp(1.75rem,5vw,3rem);font-weight:800;text-align:center;margin-bottom:3rem;letter-spacing:-.02em}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.feature-card{padding:1.75rem;background:var(--cream);border-radius:1.25rem;transition:all .4s var(--ease-out-expo);cursor:default;position:relative;overflow:hidden;opacity:0;transform:translateY(40px);animation:revealUp .6s var(--ease-out-expo) forwards}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.15s}.feature-card:nth-child(3){animation-delay:.2s}.feature-card:nth-child(4){animation-delay:.25s}.feature-card:nth-child(5){animation-delay:.3s}.feature-card:nth-child(6){animation-delay:.35s}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--pink);opacity:0;transition:opacity .4s var(--ease-out-expo)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.feature-card:hover:before{opacity:.03}.feature-icon{font-size:2.25rem;margin-bottom:1rem;display:block;transition:transform .4s var(--ease-spring)}.feature-card:hover .feature-icon{transform:scale(1.15) rotate(5deg)}.feature-card h3{font-size:1.125rem;font-weight:700;margin-bottom:.5rem;color:var(--gray-900);position:relative}.feature-card p{color:var(--gray-600);font-size:.9rem;line-height:1.6;position:relative}.pricing-teaser{padding:5rem 0;text-align:center}.section-badge{display:inline-block;padding:.375rem .875rem;background:var(--gray-900);color:var(--pink);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:999px;margin-bottom:1rem}.pricing-teaser h2{font-size:clamp(1.75rem,5vw,3rem);font-weight:800;margin-bottom:.75rem;letter-spacing:-.02em}.section-subtitle{color:var(--gray-500);font-size:1rem;margin-bottom:2.5rem}.pricing-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;max-width:900px;margin:0 auto;padding:0 1rem}.price-card{background:var(--white);border-radius:1.25rem;padding:1.75rem;box-shadow:var(--shadow);transition:all .4s var(--ease-out-expo);position:relative;overflow:hidden;text-align:left;opacity:0;transform:translateY(40px);animation:revealUp .6s var(--ease-out-expo) forwards}.price-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gray-200);transition:background .3s}.price-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.price-card:hover:before{background:var(--pink)}.price-card.featured{border:2px solid var(--pink);transform:scale(1.02)}.price-card.featured:before{background:var(--pink)}.price-card.featured:hover{transform:scale(1.02) translateY(-8px)}.popular-badge{position:absolute;top:.75rem;right:.75rem;padding:.25rem .625rem;background:var(--pink);color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:999px}.price-card h3{font-size:1.125rem;font-weight:700;color:var(--gray-900);margin-bottom:.75rem}.price{display:flex;align-items:baseline;gap:.125rem;margin-bottom:1.25rem;flex-wrap:wrap}.price-original{font-size:1rem;font-weight:500;color:var(--gray-400);text-decoration:line-through;margin-right:.5rem}.price-currency{font-size:1.25rem;font-weight:700;color:var(--pink)}.price-amount{font-size:2.5rem;font-weight:800;color:var(--gray-900);line-height:1;letter-spacing:-.02em}.price-period{font-size:.9rem;color:var(--gray-400);font-weight:500}.price-card ul{list-style:none;margin-bottom:1.25rem}.price-card li{padding:.375rem 0;color:var(--gray-600);font-size:.85rem;display:flex;align-items:center;gap:.625rem}.price-card li:before{content:"✓";color:var(--success);font-weight:700;font-size:.8rem}.price-card .btn{width:100%}.pricing-more{margin-top:2rem}.pricing-more a{color:var(--gray-500);text-decoration:none;font-weight:500;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.pricing-more a:hover{color:var(--pink)}.pricing-more .arrow{transition:transform .2s}.pricing-more a:hover .arrow{transform:translate(4px)}.cta{padding:5rem 0;background:var(--gradient-dark);text-align:center;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(236,0,140,.15),transparent 70%);animation:ctaPulse 4s ease-in-out infinite}@keyframes ctaPulse{0%,to{opacity:.5}50%{opacity:1}}.cta h2{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;color:#fff;margin-bottom:.75rem;position:relative}.cta p{color:#ffffffb3;font-size:1rem;margin-bottom:1.75rem;position:relative}.cta .btn{position:relative}.landing-footer{padding:3rem 0 1.5rem;background:var(--gray-900);color:var(--gray-400)}.footer-content{display:grid;grid-template-columns:2fr repeat(2,1fr);gap:2.5rem;margin-bottom:2rem}.footer-section h4{color:#fff;font-size:.9rem;font-weight:700;margin-bottom:.875rem}.footer-section p{font-size:.85rem;line-height:1.6}.footer-section a{display:block;color:var(--gray-400);text-decoration:none;font-size:.85rem;padding:.3rem 0;transition:all .2s}.footer-section a:hover{color:#fff;transform:translate(4px)}.footer-bottom{padding-top:1.5rem;border-top:1px solid var(--gray-800);text-align:center;font-size:.8rem}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:1.5rem;text-align:center}.footer-section a:hover{transform:none}}.animate-slideUp{opacity:0;transform:translateY(30px);animation:slideUp .8s var(--ease-out-expo) forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.animate-slideUp,.feature-card,.price-card{animation:none;opacity:1;transform:none}.hero-bg,.logo-icon,.cta:before,.gradient-text{animation:none}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--cream) 0%,var(--cream-dark) 100%);padding:2rem}.login-container{max-width:500px;width:100%;animation:fadeIn .5s ease-out}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:2.5rem;font-weight:800;color:var(--black);margin-bottom:.5rem}.login-header p{color:var(--gray);font-size:1.125rem}.login-card{background:white;border:3px solid var(--pink);border-radius:1.5rem;padding:3rem;box-shadow:var(--shadow-lg)}.login-card h2{font-size:1.875rem;font-weight:700;margin-bottom:.5rem;color:var(--black)}.login-subtitle{color:var(--gray);margin-bottom:2rem}.google-btn-container{display:flex;justify-content:center;margin:2rem 0}.login-features{margin-top:2rem;padding-top:2rem;border-top:2px dashed var(--pink)}.login-features h3{font-size:1.125rem;font-weight:700;margin-bottom:1rem;color:var(--black)}.login-features ul{list-style:none;padding:0}.login-features li{padding:.5rem 0;color:var(--gray-dark);font-weight:500}.login-footer{text-align:center;margin-top:2rem;color:var(--gray)}.back-link{display:inline-block;margin-top:1rem;color:var(--pink);text-decoration:none;font-weight:600;transition:color var(--transition-fast)}.back-link:hover{color:var(--pink-dark)}@media (max-width: 768px){.login-header h1{font-size:2rem}.login-card{padding:2rem}}.pricing-page{min-height:100vh;background:var(--cream);animation:pageLoad .5s ease-out}@keyframes pageLoad{0%{opacity:0}to{opacity:1}}.pricing-header{background:#000;color:#fff;padding:1.5rem 0;box-shadow:var(--shadow-lg);position:sticky;top:0;z-index:100}.pricing-header .header-content{display:flex;align-items:center;justify-content:space-between}.pricing-header .logo-text{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none}.pricing-header .nav{display:flex;align-items:center;gap:2rem}.pricing-header .nav a{color:#fff;text-decoration:none;font-weight:500;transition:opacity var(--transition-fast)}.pricing-header .nav a:hover:not(.btn){opacity:.8}.pricing-hero{padding:4rem 0 3rem;text-align:center}.pricing-hero h1{font-size:3.5rem;font-weight:800;color:var(--black);margin-bottom:1rem;letter-spacing:-.02em;animation:heroSlideUp .6s cubic-bezier(.16,1,.3,1)}@keyframes heroSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pricing-hero p{font-size:1.25rem;color:var(--gray);animation:heroSlideUp .6s cubic-bezier(.16,1,.3,1) .1s both}.billing-toggle{display:flex;gap:.5rem;justify-content:center;margin-top:2rem;background:white;padding:.5rem;border-radius:999px;box-shadow:var(--shadow-md);max-width:400px;margin-left:auto;margin-right:auto;animation:heroSlideUp .6s cubic-bezier(.16,1,.3,1) .2s both}.billing-toggle button{flex:1;padding:.875rem 2rem;border:none;background:transparent;border-radius:999px;font-size:1rem;font-weight:600;color:var(--gray);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.billing-toggle button:hover{color:var(--pink);transform:scale(1.02)}.billing-toggle button:active{transform:scale(.98)}.billing-toggle button.active{background:var(--pink);color:#fff;box-shadow:0 4px 15px #ec008c4d;transform:scale(1)}.save-badge{display:inline-block;background:#10b981;color:#fff;padding:.25rem .625rem;border-radius:999px;font-size:.75rem;font-weight:700;margin-left:.5rem;vertical-align:middle;animation:badgePop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes badgePop{0%{transform:scale(0)}70%{transform:scale(1.1)}to{transform:scale(1)}}.annual-note{font-size:.875rem;color:#10b981;font-weight:600;margin-top:.5rem}.pricing-section{padding:3rem 0 6rem}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;max-width:1600px;margin:0 auto}@media (min-width: 1400px){.pricing-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width: 1024px) and (max-width: 1399px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 640px) and (max-width: 1023px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}.starting-at{display:block;font-size:.875rem;color:var(--gray);font-weight:500;margin-bottom:.25rem}.pricing-card{background:white;border:3px solid var(--pink);border-radius:1.5rem;padding:2.5rem 2rem;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;animation:cardSlideUp .6s cubic-bezier(.16,1,.3,1) both}.pricing-card:nth-child(1){animation-delay:.1s}.pricing-card:nth-child(2){animation-delay:.15s}.pricing-card:nth-child(3){animation-delay:.2s}.pricing-card:nth-child(4){animation-delay:.25s}.pricing-card:nth-child(5){animation-delay:.3s}.pricing-card:nth-child(6){animation-delay:.35s}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pricing-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-pink)}.pricing-card:active{transform:translateY(-4px) scale(1)}.pricing-card.popular{border-width:4px;box-shadow:var(--shadow-lg);animation:popularPulse 3s ease-in-out infinite}@keyframes popularPulse{0%,to{box-shadow:0 10px 40px #ec008c26}50%{box-shadow:0 15px 50px #ec008c40}}.pricing-card.current{border-color:var(--gray)}.badge{position:absolute;top:-12px;right:20px;background:var(--pink);color:#fff;padding:.375rem 1rem;border-radius:999px;font-size:.875rem;font-weight:600;animation:badgeFloat 2s ease-in-out infinite;box-shadow:0 4px 12px #ec008c4d}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.current-badge{background:var(--gray-900);color:#fff;box-shadow:0 4px 12px #0000004d}.card-header{text-align:center;margin-bottom:2rem}.pricing-card h3{font-size:1.75rem;font-weight:700;color:var(--black);margin-bottom:1rem}.price{margin-bottom:1rem}.price .amount{font-size:3.5rem;font-weight:800;color:var(--pink);line-height:1}.price .period{font-size:1.125rem;color:var(--gray);font-weight:500}.price .original-price{display:block;font-size:1.25rem;color:var(--gray);text-decoration:line-through;font-weight:500;margin-bottom:.25rem}.plan-description{color:var(--gray);font-size:1rem;margin:0}.features-list{list-style:none;padding:0;margin:0 0 2rem;flex:1}.features-list li{padding:.875rem 0;color:var(--gray-dark);border-bottom:1px solid var(--cream-dark);display:flex;align-items:flex-start;gap:.75rem;font-size:.9375rem;transition:all .2s ease}.pricing-card:hover .features-list li{transform:translate(4px)}.features-list li:last-child{border-bottom:none}.features-list .check{color:var(--pink);font-weight:700;font-size:1.125rem;flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.pricing-card:hover .features-list .check{transform:scale(1.2)}.btn-block{width:100%;margin-top:auto}.faq-section{padding:6rem 0;background:var(--cream-dark)}.faq-section h2{text-align:center;font-size:3rem;font-weight:800;color:var(--black);margin-bottom:4rem}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.faq-item{background:white;border:2px solid var(--pink);border-radius:1rem;padding:2rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.faq-item:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 30px #ec008c26;border-color:var(--pink)}.faq-item:active{transform:translateY(-2px) scale(1)}.faq-item h3{font-size:1.125rem;font-weight:700;color:var(--black);margin-bottom:.75rem}.faq-item p{color:var(--gray-dark);line-height:1.7;margin:0}.pricing-cta{padding:6rem 0;text-align:center;background:linear-gradient(135deg,#000 0%,#1a1a1a 100%);color:#fff;position:relative;overflow:hidden}.pricing-cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(236,0,140,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(59,130,246,.1) 0%,transparent 50%);animation:gradientMove 10s ease-in-out infinite}@keyframes gradientMove{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.pricing-cta h2{font-size:3rem;font-weight:800;margin-bottom:1rem;position:relative}.pricing-cta p{font-size:1.25rem;margin-bottom:2.5rem;opacity:.9;position:relative}.pricing-cta .btn{position:relative}.pricing-footer{background:var(--black);color:#fff;padding:4rem 0 2rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-bottom:3rem}.footer-section h4{font-size:1.125rem;margin-bottom:1rem;color:#fff}.footer-section p{color:var(--gray-light);line-height:1.7;margin:0}.footer-section a{display:block;color:var(--gray-light);text-decoration:none;margin:.5rem 0;transition:color var(--transition-fast)}.footer-section a:hover{color:var(--pink)}.footer-bottom{border-top:1px solid var(--gray-dark);padding-top:2rem;text-align:center;color:var(--gray-light)}.footer-bottom p{margin:0}@media (max-width: 768px){.pricing-hero h1{font-size:2.5rem}.pricing-grid{grid-template-columns:1fr}.faq-section h2,.pricing-cta h2{font-size:2rem}.pricing-header .nav{gap:1rem;font-size:.875rem}.price .amount{font-size:2.5rem}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--pink: #EC008C;--pink-dark: #C4006F;--pink-light: #FF1A9E;--pink-glow: rgba(236, 0, 140, .4);--cream: #FFFEF5;--cream-dark: #F5F4E8;--black: #0a0a0a;--gray-900: #1a1a1a;--gray-800: #2d2d2d;--gray-700: #404040;--gray-600: #525252;--gray-500: #6B7280;--gray-400: #9CA3AF;--gray-300: #D1D5DB;--gray-200: #E5E7EB;--gray-100: #F3F4F6;--white: #FFFFFF;--success: #10B981;--success-light: #D1FAE5;--warning: #F59E0B;--warning-light: #FEF3C7;--error: #EF4444;--error-light: #FEE2E2;--info: #3B82F6;--info-light: #DBEAFE;--gradient-pink: linear-gradient(135deg, #EC008C 0%, #FF6B6B 100%);--gradient-dark: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,.05) 100%);--gradient-shine: linear-gradient(45deg, transparent 30%, rgba(255,255,255,.3) 50%, transparent 70%);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow: 0 4px 12px rgba(0, 0, 0, .08);--shadow-md: 0 8px 24px rgba(0, 0, 0, .12);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .16);--shadow-pink: 0 8px 32px rgba(236, 0, 140, .25);--shadow-pink-lg: 0 16px 48px rgba(236, 0, 140, .35);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .06);--blur-sm: blur(8px);--blur-md: blur(16px);--blur-lg: blur(24px);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-expo: cubic-bezier(.87, 0, .13, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce: cubic-bezier(.68, -.6, .32, 1.6);--transition-instant: .1s var(--ease-out-expo);--transition-fast: .2s var(--ease-out-expo);--transition: .3s var(--ease-out-expo);--transition-slow: .5s var(--ease-out-expo);--transition-spring: .4s var(--ease-spring);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left);--safe-right: env(safe-area-inset-right)}[data-theme=dark]{--cream: #0d0d0d;--cream-dark: #161616;--white: #1a1a1a;--black: #FAFAFA;--gray-100: #1f1f1f;--gray-200: #2a2a2a;--gray-300: #3d3d3d;--gray-400: #525252;--gray-500: #737373;--gray-600: #a3a3a3;--gray-700: #d4d4d4;--gray-800: #e5e5e5;--gray-900: #f5f5f5;--pink: #FF2D9E;--pink-dark: #FF1A8C;--pink-light: #FF5CB8;--pink-glow: rgba(255, 45, 158, .5);--success: #22C55E;--success-light: rgba(34, 197, 94, .15);--warning: #FBBF24;--warning-light: rgba(251, 191, 36, .15);--error: #F87171;--error-light: rgba(248, 113, 113, .15);--info: #60A5FA;--info-light: rgba(96, 165, 250, .15);--gradient-pink: linear-gradient(135deg, #FF2D9E 0%, #FF6B8A 100%);--gradient-dark: linear-gradient(180deg, #1a1a1a 0%, #0d0d0d 100%);--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.02) 100%);--gradient-shine: linear-gradient(45deg, transparent 30%, rgba(255,255,255,.1) 50%, transparent 70%);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .4);--shadow: 0 4px 12px rgba(0, 0, 0, .5);--shadow-md: 0 8px 24px rgba(0, 0, 0, .6);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .7);--shadow-pink: 0 8px 32px rgba(255, 45, 158, .35);--shadow-pink-lg: 0 16px 48px rgba(255, 45, 158, .45);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .3);--card-glow: 0 0 30px rgba(255, 45, 158, .1)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--cream: #0d0d0d;--cream-dark: #161616;--white: #1a1a1a;--black: #FAFAFA;--gray-100: #1f1f1f;--gray-200: #2a2a2a;--gray-300: #3d3d3d;--gray-400: #525252;--gray-500: #737373;--gray-600: #a3a3a3;--gray-700: #d4d4d4;--gray-800: #e5e5e5;--gray-900: #f5f5f5;--pink: #FF2D9E;--pink-dark: #FF1A8C;--pink-light: #FF5CB8;--pink-glow: rgba(255, 45, 158, .5);--gradient-pink: linear-gradient(135deg, #FF2D9E 0%, #FF6B8A 100%)}}.font-small{font-size:14px}.font-medium{font-size:16px}.font-large{font-size:18px}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--cream);color:var(--black);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh;min-height:100dvh;padding-top:60px}@media (hover: none) and (pointer: coarse){*{-webkit-tap-highlight-color:transparent}button,a,input,textarea,select{touch-action:manipulation}}::selection{background:var(--pink);color:#fff}:focus-visible{outline:2px solid var(--pink);outline-offset:2px}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@media (max-width: 768px){::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes pulseRing{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-25%)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.animate-fadeIn{animation:fadeIn .3s var(--ease-out-expo) forwards}.animate-slideUp{animation:slideUp .4s var(--ease-out-expo) forwards}.animate-scaleIn{animation:scaleIn .3s var(--ease-spring) forwards}.animate-pop{animation:pop .3s var(--ease-spring)}.animate-float{animation:float 3s ease-in-out infinite}.animate-shimmer{animation:shimmer 2s linear infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:600;line-height:1;text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;white-space:nowrap;user-select:none;-webkit-user-select:none}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-shine);background-size:200% 100%;opacity:0;transition:opacity var(--transition-fast)}.btn:hover:after{opacity:1;animation:shimmer .6s linear}.btn-primary{background:var(--pink);color:#fff;box-shadow:var(--shadow),0 0 0 0 var(--pink-glow)}.btn-primary:hover{background:var(--gray-900);color:var(--pink);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary{background:var(--white);color:var(--gray-700);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.btn-secondary:hover{background:var(--gray-900);color:var(--pink);border-color:var(--gray-900);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-ghost{background:transparent;color:var(--gray-600)}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-900)}.btn-icon{width:44px;height:44px;min-width:44px;padding:0;border-radius:var(--radius-full)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);border-radius:var(--radius-md)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@media (max-width: 768px){.btn{min-height:48px;padding:var(--space-3) var(--space-5)}.btn-sm{min-height:40px}}.card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow);overflow:hidden;transition:all var(--transition)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.card-glass{background:rgba(255,255,255,.7);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid rgba(255,255,255,.3)}.input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--gray-900);background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);transition:all var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.input:hover{border-color:var(--gray-300)}.input:focus{border-color:var(--pink);box-shadow:0 0 0 4px #ec008c1a;outline:none}.input::placeholder{color:var(--gray-400)}@media (max-width: 768px){.input{min-height:48px;font-size:16px}}.container{width:100%;max-width:1200px;margin:0 auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width: 640px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width: 1024px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;gap:var(--space-4)}.spinner{width:48px;height:48px;border:3px solid var(--gray-200);border-top-color:var(--pink);border-radius:var(--radius-full);animation:spin .8s linear infinite}.spinner-sm{width:20px;height:20px;border-width:2px}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em}.badge-primary{background:var(--pink-light);color:var(--pink-dark)}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-error{background:var(--error-light);color:var(--error)}.avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:var(--gradient-pink);color:#fff;font-weight:700;font-size:var(--text-sm);overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar-lg{width:56px;height:56px;font-size:var(--text-lg)}.avatar-xl{width:80px;height:80px;font-size:var(--text-2xl)}.safe-top{padding-top:max(var(--space-4),var(--safe-top))}.safe-bottom{padding-bottom:max(var(--space-4),var(--safe-bottom))}.safe-x{padding-left:max(var(--space-4),var(--safe-left));padding-right:max(var(--space-4),var(--safe-right))}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.9);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border-top:1px solid var(--gray-200);padding:var(--space-2) var(--space-4);padding-bottom:max(var(--space-2),var(--safe-bottom));display:none;z-index:1000}@media (max-width: 768px){.mobile-nav{display:flex;justify-content:space-around}.desktop-nav{display:none}}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2);color:var(--gray-500);text-decoration:none;font-size:var(--text-xs);font-weight:500;transition:all var(--transition-fast);border-radius:var(--radius)}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-item.active{color:var(--pink)}.mobile-nav-icon{font-size:1.5rem}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transform:translateY(0);transition:all var(--transition)}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity var(--transition-fast)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media print{body{background:white}.no-print{display:none!important}}[data-colorblind=protanopia]{--pink: #0077B6;--pink-dark: #005A8C;--pink-light: #00A8E8;--pink-glow: rgba(0, 119, 182, .4);--success: #06D6A0;--error: #FFD166;--warning: #118AB2}[data-colorblind=protanopia] .badge-public{background:#0077B6}[data-colorblind=deuteranopia]{--pink: #6B5B95;--pink-dark: #4A3F6B;--pink-light: #8B7BB5;--pink-glow: rgba(107, 91, 149, .4);--success: #88B04B;--error: #F7CAC9;--warning: #FFD662}[data-colorblind=deuteranopia] .badge-public{background:#6B5B95}[data-colorblind=tritanopia]{--pink: #FF6B6B;--pink-dark: #CC5555;--pink-light: #FF9999;--pink-glow: rgba(255, 107, 107, .4);--success: #2ECC71;--error: #E74C3C;--warning: #F39C12;--info: #1ABC9C}[data-colorblind=tritanopia] .badge-public{background:#2ECC71}[data-colorblind=high-contrast]{--pink: #FF00FF;--pink-dark: #CC00CC;--pink-light: #FF66FF;--pink-glow: rgba(255, 0, 255, .5);--cream: #FFFFFF;--cream-dark: #F0F0F0;--black: #000000;--gray-900: #000000;--gray-800: #1A1A1A;--gray-700: #333333;--gray-600: #4D4D4D;--gray-500: #666666;--gray-400: #808080;--gray-300: #B3B3B3;--gray-200: #CCCCCC;--gray-100: #E6E6E6;--success: #00FF00;--error: #FF0000;--warning: #FFFF00;--info: #00FFFF}[data-colorblind=high-contrast] .btn-primary{border:2px solid var(--white)}[data-colorblind=high-contrast] .btn-secondary{border:2px solid var(--gray-900)}[data-colorblind=high-contrast] [data-theme=dark] .btn-secondary{border:2px solid var(--white)}[data-theme=dark][data-colorblind=high-contrast]{--cream: #000000;--cream-dark: #1A1A1A;--white: #1A1A1A}