:root{--bg-paper:#f8fafc;--ink-black:#0f172a;--text-body:#334155;--brand-primary:#2563eb;--brand-light:#dbeafe;--brand-accent:#fcd34d;--success-color:#10b981;--danger-color:#ef4444;--border-width:3px;--shadow-offset:6px;--nav-height:130px}html{scroll-behavior:smooth}*{box-sizing:border-box;outline:none;margin:0;padding:0}body{background-color:var(--bg-paper);color:var(--text-body);background-image:radial-gradient(#cbd5e1 1px,#0000 1px);background-size:30px 30px;font-family:Outfit,sans-serif;font-size:18px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,.hand-font{font-family:Patrick Hand,cursive}a{color:inherit;cursor:pointer;text-decoration:none}ul{list-style:none}.hidden{display:none!important}.container{max-width:1300px;margin:0 auto;padding:0 30px;position:relative}.text-center{text-align:center}.mb-4{margin-bottom:20px}.mb-8{margin-bottom:40px}section{scroll-margin-top:220px;position:relative}.btn{border:var(--border-width)solid var(--ink-black);cursor:pointer;box-shadow:var(--shadow-offset)var(--shadow-offset)0px var(--ink-black);color:var(--ink-black);background:#fff;border-radius:255px 15px 225px/15px 225px 15px 255px;justify-content:center;align-items:center;gap:10px;padding:14px 32px;font-family:Patrick Hand,cursive;font-size:22px;font-weight:700;transition:all .2s cubic-bezier(.25,.46,.45,.94);display:inline-flex}.btn:active{box-shadow:3px 3px 0px var(--ink-black);transform:translate(3px,3px)}.btn:hover{box-shadow:8px 8px 0px var(--ink-black);transform:translate(-3px,-3px)}.btn-primary{background:var(--brand-primary);color:#fff}.btn-success{background:var(--success-color);color:#fff}.btn-accent{background:var(--brand-accent);color:var(--ink-black)}.btn-dark{background:var(--ink-black);color:#fff}.input-group{text-align:left;margin-bottom:24px}.input-label{margin-bottom:8px;font-family:Patrick Hand;font-size:20px;font-weight:700;display:block}.input-field{border:3px solid #cbd5e1;border-radius:10px;width:100%;padding:16px;font-family:Outfit;font-size:18px;transition:all .2s}.input-field:focus{border-color:var(--ink-black);box-shadow:5px 5px 0px var(--brand-light)}#landing-view{width:100%}.navbar{height:var(--nav-height);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;border-bottom:3px solid var(--ink-black);background:#fffffff2;align-items:center;display:flex;position:sticky;top:0}.nav-logo{color:var(--ink-black);align-items:center;gap:12px;font-family:Patrick Hand;font-size:36px;font-weight:700;display:flex}.nav-logo span{font-size:40px}.nav-menu{gap:40px;font-size:20px;font-weight:700;display:flex}.nav-link{background-image:linear-gradient(120deg,var(--brand-accent)0%,var(--brand-accent)100%);background-position:0 88%;background-repeat:no-repeat;background-size:0% .3em;padding-bottom:2px;text-decoration:none;transition:background-size .3s ease-in-out;position:relative}.nav-link:hover{color:var(--ink-black);background-size:100% .3em}.hero{text-align:center;padding:100px 0 80px}.hero-title{color:var(--ink-black);text-shadow:4px 4px #0000000d;margin-bottom:30px;font-size:80px;line-height:1.1}.hero-subtitle{color:#475569;max-width:750px;margin:0 auto 50px;font-size:24px}.trust-bar{background:var(--ink-black);color:#fff;text-align:center;padding:40px 0}.trust-stats{flex-wrap:wrap;justify-content:space-around;gap:30px;display:flex}.stat-item h3{color:var(--brand-accent);margin-bottom:5px;font-size:48px}.stat-item p{opacity:.9;font-family:Outfit;font-size:18px;font-weight:500}.how-it-works{border-bottom:3px solid var(--ink-black);background:#fffbeb;padding:100px 0}.steps-grid{text-align:center;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-top:40px;display:grid}.step-item{position:relative}.step-number{background:var(--brand-primary);color:#fff;border:3px solid var(--ink-black);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 20px;font-family:Patrick Hand;font-size:24px;display:flex}.features{border-bottom:3px solid var(--ink-black);background:#fff;padding:100px 0}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:50px;margin-top:60px;display:grid}.feature-card{background:var(--bg-paper);border:3px solid var(--ink-black);box-shadow:6px 6px 0px var(--ink-black);border-radius:16px;padding:40px;transition:transform .2s}.feature-card:hover{box-shadow:10px 10px 0px var(--ink-black);transform:rotate(1deg)scale(1.02)}.feature-icon{color:var(--brand-primary);margin-bottom:20px;font-size:48px}.feature-card h3{margin-bottom:10px;font-size:32px}.testimonials{border-bottom:3px solid var(--ink-black);background:#f0fdf4;padding:100px 0}.review-card{border:3px solid var(--ink-black);background:#fff;border-radius:16px;padding:30px;box-shadow:6px 6px #0000000d}.user-profile{align-items:center;gap:15px;margin-bottom:15px;display:flex}.avatar{border:2px solid var(--ink-black);background:#cbd5e1;border-radius:50%;width:50px;height:50px}.stars{color:#f59e0b;font-size:20px}.pricing{padding:120px 0}.pricing-grid{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:40px;margin-top:60px;display:flex}.price-card{border:4px solid var(--ink-black);background:#fff;border-radius:20px;flex-direction:column;width:380px;padding:50px 30px;transition:transform .3s;display:flex;position:relative;box-shadow:10px 10px #0000001a}.price-card:hover{transform:translateY(-10px)}.price-card.popular{z-index:2;box-shadow:14px 14px 0px var(--brand-light);border-width:5px;transform:scale(1.05)}.price-card.popular:hover{transform:scale(1.05)translateY(-10px)}.price-card.lifetime{border-color:var(--brand-accent);width:100%;max-width:1100px;box-shadow:14px 14px 0px var(--ink-black);background:#fffbeb;border-width:6px;flex-direction:row;justify-content:space-between;align-items:center;gap:40px;margin-top:40px;padding:60px}.lifetime-header{text-align:left;flex:1}.lifetime-header .plan-name{margin-bottom:5px;font-size:48px}.lifetime-header .price-amount{font-size:64px}.lifetime-list{border-left:3px solid #e2e8f0;border-right:3px solid #e2e8f0;flex:2;grid-template-columns:1fr 1fr;gap:10px 30px;padding:0 40px;display:grid;margin:0!important}.lifetime-action{flex:.8;justify-content:flex-end;display:flex}.badge-pop{background:var(--brand-accent);border:3px solid var(--ink-black);padding:8px 18px;font-family:Patrick Hand;font-size:20px;font-weight:700;position:absolute;top:-22px;right:20px;transform:rotate(2deg);box-shadow:4px 4px #000}.price-card.lifetime .badge-pop{background:var(--ink-black);color:var(--brand-accent);font-size:28px;top:-30px;left:40px;right:auto;transform:rotate(-3deg)}.price-amount{color:var(--ink-black);margin-bottom:5px;font-family:Patrick Hand;font-size:48px;font-weight:800}.plan-name{margin-bottom:10px;font-size:32px}.price-list{flex:1;margin:35px 0;list-style:none}.price-list li{text-align:left;align-items:center;gap:12px;margin-bottom:16px;font-size:18px;font-weight:500;line-height:1.3;display:flex}.price-list li .material-icons-round{flex-shrink:0;font-size:24px}@media (max-width:1024px){.price-card.lifetime{text-align:center;flex-direction:column;padding:40px 20px}.lifetime-header{text-align:center;border-bottom:3px solid #e2e8f0;width:100%;padding-bottom:20px}.lifetime-list{text-align:left;border:none;grid-template-columns:1fr;width:100%;padding:20px 0}.lifetime-action{justify-content:center;width:100%}}.faq-section{border-top:3px solid var(--ink-black);background:#fff;padding:100px 0}.faq-grid{flex-direction:column;gap:20px;max-width:800px;margin:50px auto 0;display:flex}.faq-item{background:var(--bg-paper);cursor:pointer;border:2px solid #e2e8f0;border-radius:10px;padding:25px;transition:all .2s}.faq-item:hover{border-color:var(--brand-primary)}.faq-question{justify-content:space-between;align-items:center;font-size:20px;font-weight:700;display:flex}.faq-answer{color:#64748b;margin-top:15px;display:none}.faq-item.active .faq-answer{display:block}.faq-item.active{border-color:var(--ink-black);box-shadow:4px 4px 0px var(--ink-black)}footer{background:var(--ink-black);color:#fff;padding:80px 0;font-size:18px}.footer-grid{text-align:left;grid-template-columns:2fr 1fr 1fr;gap:50px;max-width:1100px;margin:0 auto;display:grid}.footer-col h4{color:var(--brand-accent);margin-bottom:20px;font-family:Patrick Hand;font-size:24px}.footer-links li{margin-bottom:12px}.footer-links a:hover{color:var(--brand-light);text-decoration:underline}.social-links{gap:15px;margin-top:20px;display:flex}.social-icon{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.social-icon:hover{background:var(--brand-primary)}#auth-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#f8fafce6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#auth-overlay.visible{display:flex}.blur-background>:not(#auth-overlay){filter:blur(8px)}.modal-box{border:4px solid var(--ink-black);width:550px;max-width:95%;box-shadow:16px 16px 0px var(--ink-black);background:#fff;border-radius:20px;padding:50px;animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn;position:relative}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-close{cursor:pointer;border:3px solid var(--ink-black);width:40px;height:40px;color:var(--danger-color);background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex;position:absolute;top:20px;right:20px}.payment-options{flex-direction:column;gap:16px;margin:30px 0;display:flex}.pay-option{cursor:pointer;border:3px solid #e2e8f0;border-radius:12px;align-items:center;gap:20px;padding:20px;transition:all .2s;display:flex}.pay-option:hover{border-color:var(--brand-primary);background:#f8fafc;transform:translate(5px)}.pay-option.selected{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-primary)inset;background:#eff6ff}.pay-icon{background:#fff;border:2px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;font-size:30px;display:flex}#dashboard-view{flex-direction:column;min-height:100vh;display:flex}.dash-header{border-bottom:3px solid var(--ink-black);background:#fff;justify-content:space-between;align-items:center;height:90px;padding:0 40px;display:flex}.dash-logo{color:var(--ink-black);font-family:Patrick Hand;font-size:32px;font-weight:700}.dash-nav{align-items:center;gap:30px;display:flex}.dash-content{width:100%;max-width:1200px;margin:0 auto;padding:60px 40px}.sub-card{border:3px solid var(--ink-black);background:#fff;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;margin-bottom:40px;padding:40px;display:flex;box-shadow:8px 8px #0000001a}.status-badge{color:#166534;background:#dcfce7;border:2px solid #166534;border-radius:30px;padding:6px 16px;font-family:Patrick Hand;font-size:16px;font-weight:700;display:inline-block}.premium-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px;display:grid}.tool-card{border:3px solid var(--ink-black);text-align:center;cursor:pointer;background:#fff;border-radius:14px;padding:30px;transition:transform .2s}.tool-card:hover{box-shadow:6px 6px 0px var(--brand-light);transform:translateY(-5px)}.tool-icon{color:var(--brand-primary);margin-bottom:15px;font-size:50px;display:block}.tool-card h4{font-size:22px}#success-view{text-align:center;background:#ecfccb radial-gradient(#a3e635 1px,#0000 1px) 0 0/30px 30px;flex-direction:column;justify-content:center;align-items:center;height:100vh}.confetti{margin-bottom:30px;font-size:100px;animation:1s infinite bounce;display:block}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}