:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:#1a1a1a;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;display:flex;flex-direction:column;overflow-y:scroll}#app{flex:1;display:flex;flex-direction:column}.navbar{background:#fff;padding:1.5rem 0;position:sticky;top:0;box-shadow:0 2px 8px #00000014;z-index:100;border-bottom:1px solid #f0f0f0}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:#1565c0;cursor:pointer;transition:color .3s;text-decoration:none;display:flex;align-items:center;gap:.5rem}.logo:hover{color:#1976d2}.nav-links{display:flex;gap:2rem;align-items:center}.nav-link{background:none;border:none;color:#4a5568;cursor:pointer;font-size:.95rem;padding:.5rem 0;text-decoration:none;transition:all .3s;font-weight:500}.nav-link:hover{color:#1565c0}.nav-link.active{color:#1565c0;font-weight:600}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem;z-index:101}.hamburger-line{width:25px;height:3px;background:#1565c0;border-radius:3px;transition:all .3s ease}.hamburger.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active .hamburger-line:nth-child(2){opacity:0}.hamburger.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}body.menu-open{overflow:hidden}.home-page,.how-it-works-page,.pricing-page,.contact-page{max-width:1200px;margin:0 auto;padding:4rem 2rem;width:100%}.home-page{padding:0;display:flex;flex-direction:column;align-items:stretch}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:4rem 2rem}.hero-content{display:flex;flex-direction:column}.hero-badge{display:inline-flex;align-items:center;width:fit-content;padding:.5rem 1rem;background:#e3f2fd;color:#1565c0;border-radius:2rem;font-size:.75rem;font-weight:700;letter-spacing:1px;margin-bottom:1.5rem;text-transform:uppercase}.hero-content h1{font-size:3.5rem;font-weight:700;color:#0a0e27;margin-bottom:1.5rem;line-height:1.2}.hero-content h1 .highlight{color:#1565c0}.hero-description{font-size:1.2rem;color:#5a6c7d;margin-bottom:2rem;line-height:1.7}.btn-large{padding:1rem 2rem;font-size:1.1rem;width:fit-content;display:inline-flex;align-items:center}.btn-primary{background:#1565c0;color:#fff;text-decoration:none;border:none;cursor:pointer;border-radius:8px;font-weight:600;transition:all .3s}.btn-primary:hover{background:#1155a0;box-shadow:0 8px 16px #1565c033;transform:translateY(-2px)}.social-proof{display:flex;align-items:center;gap:1rem;margin-top:2rem}.avatars{display:flex;gap:-.5rem}.avatar{width:32px;height:32px;border-radius:50%;border:2px solid white;background:linear-gradient(135deg,#1565c0,#1976d2)}.avatar-2{margin-left:-.75rem;background:linear-gradient(135deg,#e53935,#f44336)}.proof-text{color:#5a6c7d;font-size:.9rem}.hero-image{display:flex;justify-content:center;align-items:center}.phone-mockup{width:280px;height:560px;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);border-radius:40px;padding:12px;box-shadow:0 20px 60px #00000026;border:8px solid #0a0e27;position:relative;overflow:hidden}.phone-mockup:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:150px;height:25px;background:#0a0e27;border-radius:0 0 30px 30px;z-index:10}.phone-header{padding:1rem;text-align:center;font-weight:600;color:#1565c0;font-size:.85rem;border-bottom:1px solid #d0d7e0;margin-top:.5rem}.stamp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem;background:#fff}.stamp{aspect-ratio:1;border:2px dashed #c5d3e0;border-radius:8px;background:#fff;position:relative}.stamp.filled{background:linear-gradient(135deg,#b3e5fc,#81d4fa);border:2px solid #4fc3f7}.stamp.filled:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#1565c0;font-weight:700;font-size:1.5rem}.stamp.reward{background:linear-gradient(135deg,#1565c0,#1976d2);border:2px solid #1565c0;display:flex;align-items:center;justify-content:center}.stamp.reward:after{content:"🎁";font-size:1.5rem}.phone-footer{padding:.75rem;text-align:center;font-size:.7rem;color:#7a8a9a;font-weight:600;letter-spacing:1px;border-top:1px solid #d0d7e0;background:#fff}.insights-section{padding:8rem 2rem;background:#f8f9fa;display:flex;flex-direction:column;gap:4rem;align-items:center;max-width:1800px;margin:0 auto}.insights-content{display:flex;flex-direction:column;gap:2rem;text-align:center;max-width:800px;align-items:center}.insights-badge{display:inline-flex;align-items:center;width:fit-content;padding:.5rem 1rem;background:#e3f2fd;color:#1565c0;border-radius:2rem;font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.insights-content h2{font-size:3rem;color:#0a0e27;margin:0}.insights-description{font-size:1.25rem;color:#5a6c7d;line-height:1.7;margin:0}.insights-features{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.insight-feature{display:flex;align-items:center;gap:1rem;font-size:1.15rem;color:#1a2332}.check-icon{width:24px;height:24px;background:#1565c0;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.dashboard-mockup{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000001a;overflow:hidden;transform:scale(1);width:100%;max-width:1200px}.browser-header{background:#f5f5f5;padding:.75rem 1rem;border-bottom:1px solid #e0e0e0}.browser-dots{display:flex;gap:.5rem}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.dashboard-screenshot{width:100%;display:block;border-radius:0 0 16px 16px}.dashboard-content{padding:2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.dashboard-header h3{font-size:1.5rem;color:#0a0e27;margin:0 0 .25rem}.dashboard-subtitle{font-size:.9rem;color:#7a8a9a;margin:0}.filter-btn{background:#fff;border:1px solid #e0e0e0;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;color:#1565c0;cursor:pointer;transition:all .3s}.filter-btn:hover{border-color:#1565c0;box-shadow:0 2px 8px #1565c01a}.metrics-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.metric-card{display:flex;flex-direction:column;gap:.5rem}.metric-label{font-size:.75rem;color:#7a8a9a;font-weight:600;letter-spacing:.5px}.metric-value{display:flex;align-items:baseline;gap:.75rem}.metric-value .value{font-size:2rem;font-weight:700;color:#1565c0}.metric-value .value.orange{color:#ff6b35}.metric-value .change{font-size:.9rem;font-weight:600}.metric-value .change.positive{color:#27c93f}.chart{display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem;height:150px;margin-bottom:.5rem}.bar{flex:1;background:#e8ecf1;border-radius:8px 8px 0 0;transition:all .3s}.bar.highlight{background:#ff6b35}.chart-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#7a8a9a}.chart-labels span{flex:1;text-align:center}.simple-section{padding:6rem 2rem;text-align:center}.simple-section h2{font-size:3rem;color:#0a0e27;margin-bottom:1rem}.section-subtitle{font-size:1.25rem;color:#5a6c7d;margin-bottom:4rem}.steps-container{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;max-width:1000px;margin:0 auto}.step-card{background:#f8f9fa;padding:2.5rem 2rem;border-radius:16px;transition:all .3s}.step-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000014}.step-icon-wrapper{position:relative;margin-bottom:1.5rem;display:inline-block}.step-icon{font-size:3rem;background:#e3f2fd;width:120px;height:120px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:0 auto}.step-icon img{width:100px;height:100px;object-fit:contain}.step-number{position:absolute;top:-10px;right:-10px;background:#1565c0;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;border:3px solid white}.step-card h3{font-size:1.6rem;color:#0a0e27;margin:1rem 0}.step-card p{color:#5a6c7d;font-size:1.05rem;line-height:1.6;margin:0}.why-love-section{padding:6rem 2rem;background:#f8f9fa;display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1200px;margin:0 auto}.why-love-content h2{font-size:3rem;color:#1565c0;margin-bottom:2rem}.features-list{display:flex;flex-direction:column;gap:2rem}.feature-item{display:flex;gap:1.5rem;align-items:flex-start}.feature-icon{font-size:2rem;background:#fff3e0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.feature-text h3{font-size:1.45rem;color:#0a0e27;margin:0 0 .5rem}.feature-text p{color:#5a6c7d;font-size:1.05rem;line-height:1.6;margin:0}.testimonial-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 10px 30px #00000014;display:flex;flex-direction:column;gap:1.5rem}.testimonial-image{width:100%;height:200px;border-radius:12px;overflow:hidden}.testimonial-image img{width:100%;height:100%;object-fit:cover}.testimonial-quote{font-size:1.3rem;color:#1565c0;font-style:italic;font-weight:600;line-height:1.5;margin:0}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.author-info{display:flex;flex-direction:column;gap:.25rem}.author-name{font-weight:700;color:#0a0e27;font-size:1rem}.author-title{font-size:.85rem;color:#7a8a9a;letter-spacing:.5px}h1{font-size:3rem;color:#0a0e27}h2{font-size:2rem;margin:2rem 0 1rem;color:#0a0e27}h3{font-size:1.5rem;margin:1rem 0 .5rem;color:#1a2332}p{color:#5a6c7d;margin-bottom:1.5rem;font-size:1.1rem}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:3rem 0}.step{background:#fff;padding:2rem;border-radius:12px;border:1px solid #e8ecf1;transition:all .3s;text-align:left}.step:hover{border-color:#1565c0;box-shadow:0 10px 30px #1565c01a;transform:translateY(-5px)}.how-step-section{padding:6rem 2rem;background:#fff}.how-step-section.alternate{background:#f8f9fa;border-radius:20px}.how-step-content{max-width:1600px;margin:0 auto;text-align:center}.how-step-content h2{font-size:3rem;color:#0a0e27;margin-bottom:1.5rem}.how-step-content p{font-size:1.25rem;color:#5a6c7d;line-height:1.7;max-width:800px;margin:0 auto 3rem}.how-step-content.center{text-align:center}.page-subtitle{font-size:1.3rem;color:#5a6c7d;max-width:800px;margin:1rem auto 3rem;text-align:center}.how-it-works-page .page-subtitle{font-size:clamp(1.5rem,4vw,3rem);font-weight:700;line-height:1.2;max-width:1000px;margin:2rem auto 4rem;text-align:center;background:linear-gradient(135deg,#1565c0 0% 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:3rem 0}.feature-box{background:#fff;padding:2rem;border-radius:12px;border:1px solid #e8ecf1;text-align:center;transition:transform .3s,box-shadow .3s}.feature-box:hover{transform:translateY(-5px);box-shadow:0 10px 30px #1565c01a}.feature-icon-large{font-size:3rem;display:block;margin-bottom:1rem}.feature-box h3{font-size:1.3rem;color:#0a0e27;margin-bottom:.75rem}.feature-box p{font-size:1rem;color:#5a6c7d;margin:0}.business-steps{display:grid;gap:2rem;margin:3rem 0;text-align:left}.business-step{background:#fff;padding:2rem;border-radius:12px;border-left:4px solid #1565c0;box-shadow:0 2px 8px #0000000d}.step-badge{display:inline-block;background:#1565c0;color:#fff;width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;font-weight:700;font-size:1.2rem;margin-bottom:1rem}.business-step h3{font-size:1.5rem;color:#0a0e27;margin-bottom:.75rem}.business-step p{margin:0;font-size:1.05rem}.dashboard-features{text-align:left;max-width:700px;margin:2rem auto;list-style:none;padding:0}.dashboard-features li{padding:1rem 0;border-bottom:1px solid #e8ecf1;font-size:1.05rem;color:#4a5568}.dashboard-features li:last-child{border-bottom:none}.dashboard-preview{margin:3rem 0;text-align:center}.user-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:3rem 0}.user-step-card{background:#fff;padding:2rem;border-radius:12px;border:2px solid #e8ecf1;text-align:center;position:relative}.step-visual{margin-bottom:1.5rem}.step-number-badge{position:absolute;top:1rem;right:1rem;background:#1565c0;color:#fff;width:36px;height:36px;line-height:36px;text-align:center;border-radius:50%;font-weight:700}.user-step-card h3{font-size:1.4rem;color:#0a0e27;margin-bottom:.75rem}.user-step-card p{margin:0;font-size:1rem}.compatibility-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:2rem 0}.compat-item{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e8ecf1}.compat-item h3{font-size:1.3rem;margin-bottom:.5rem}.compat-item p{margin:0;font-size:1rem}.compatibility-note{background:#e3f2fd;padding:1rem 1.5rem;border-radius:8px;border-left:4px solid #1565c0;margin-top:2rem}.privacy-list{text-align:left;max-width:700px;margin:2rem auto;list-style:none;padding:0}.privacy-list li{padding:1rem;margin-bottom:1rem;background:#fff;border-radius:8px;border-left:4px solid #1565c0;font-size:1.05rem;color:#4a5568}.app-download-section{padding:3rem 2rem;background:#f8f9fa;text-align:center;border-radius:20px}.download-content{max-width:900px;margin:0 auto}.qr-codes-desktop{display:flex;justify-content:center;flex-wrap:wrap}.qr-code-item{text-align:center}.qr-placeholder{width:200px;height:200px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 4px 12px #00000014}.qr-placeholder p{font-size:1.2rem;font-weight:600;color:#1565c0;margin:0 0 .5rem}.qr-placeholder span{font-size:.9rem;color:#718096}.qr-label{font-size:1rem;color:#4a5568;font-weight:500}.download-buttons-all{display:none;flex-direction:column;gap:1rem;align-items:center;justify-content:center}.download-btn{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:#000;color:#fff;text-decoration:none;border-radius:8px;transition:all .3s}.download-btn:hover{background:#333;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.download-btn svg{flex-shrink:0}.download-btn div{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.btn-small-text{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px}.btn-large-text{font-size:1.2rem;font-weight:600}.android-btn{background:#01875f}.android-btn:hover{background:#016b4a}.faq-list{text-align:left;max-width:800px;margin:3rem auto}.faq-item{background:#fff;padding:1.5rem 2rem;margin-bottom:1.5rem;border-radius:12px;border:1px solid #e8ecf1}.faq-item h3{font-size:1.2rem;color:#1565c0;margin-bottom:.75rem}.faq-item p{margin:0;font-size:1rem}.section-intro{font-style:italic;color:#718096}.note{font-size:.95rem;color:#718096;font-style:italic;margin-top:1rem}.how-step-images{display:grid;grid-template-columns:1fr;gap:4rem;margin-top:3rem;max-width:1400px;margin-left:auto;margin-right:auto}.how-step-image{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.how-step-image img{width:100%;height:auto;display:block}.how-step-illustration{margin-top:3rem;max-width:600px;margin-left:auto;margin-right:auto;justify-items:center}.how-step-illustration img{width:30%;height:auto;display:block}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:3rem 0}.price-card{background:#fff;padding:2rem;border-radius:12px;border:2px solid #e8ecf1;text-align:center}.price-card.featured{border-color:#1565c0;box-shadow:0 10px 30px #1565c033;transform:scale(1.05)}.price{font-size:2.5rem;font-weight:700;color:#1565c0;margin:1rem 0}.price span{font-size:1rem;color:#7a8a9a;font-weight:400}.features{list-style:none;margin:2rem 0;text-align:left}.features li{padding:.75rem 0;color:#5a6c7d;border-bottom:1px solid #f0f0f0}.features li:last-child{border-bottom:none}.contact-page{display:flex;flex-direction:column;align-items:center}.terms-page{max-width:900px;margin:0 auto;padding:4rem 2rem;line-height:1.8}.terms-page h1{font-size:2rem;color:#1a202c;margin-bottom:1.5rem;line-height:1.3}.terms-page h2{font-size:1.6rem;color:#1565c0;margin-top:3rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.terms-page h3{font-size:1.25rem;color:#2d3748;margin-top:2rem;margin-bottom:.75rem}.terms-page p{color:#4a5568;margin-bottom:1rem}.terms-page ul{color:#4a5568;margin-bottom:1rem;margin-left:2rem}.terms-page ul li{margin-bottom:.5rem}.terms-page a{color:#1565c0;text-decoration:none}.terms-page a:hover{text-decoration:underline}.terms-date{font-size:.95rem;color:#718096;margin-bottom:2rem}.terms-section{margin-bottom:2rem}.terms-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid #e2e8f0;color:#718096;font-size:.9rem}.table-wrapper{overflow-x:auto;margin:1.5rem 0}.gdpr-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e2e8f0;border-radius:8px}.gdpr-table th,.gdpr-table td{padding:1rem;text-align:left;border-bottom:1px solid #e2e8f0}.gdpr-table th{background-color:#f7fafc;color:#2d3748;font-weight:600;font-size:.95rem}.gdpr-table td{color:#4a5568;font-size:.9rem}.gdpr-table tbody tr:last-child td{border-bottom:none}.consent-box{background:#f7fafc;border:2px solid #1565c0;border-radius:8px;padding:1.5rem;margin:2rem 0}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;color:#2d3748}.checkbox-label input[type=checkbox]{margin-top:.25rem;width:18px;height:18px;cursor:pointer}.contact-form{max-width:600px;width:100%;background:#fff;padding:2rem;border-radius:12px;border:1px solid #e8ecf1}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;color:#1a2332;font-weight:600}.form-group input,.form-group textarea{width:100%;padding:.75rem;background:#f5f7fa;border:1px solid #e8ecf1;border-radius:8px;color:#0a0e27;font-family:inherit;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#1565c0;box-shadow:0 0 10px #1565c01a}.footer{background:#f5f7fa;padding:2rem;text-align:center;color:#7a8a9a;border-top:1px solid #e8ecf1;margin-top:auto}.footer p{margin-bottom:.5rem}.footer-links{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.footer-separator{color:#cbd5e0}.footer-link{color:#1565c0;text-decoration:none;transition:color .3s}.footer-link:hover{color:#1976d2;text-decoration:underline}@media(max-width:768px){.navbar{padding:1rem 0}.nav-container{padding:0 1rem;position:relative}.logo{font-size:1.25rem;z-index:102}.hamburger{display:flex}.qr-codes-desktop{display:none}.download-buttons-all{display:flex}.nav-links{position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100vh;background:#fff;flex-direction:column;align-items:flex-start;padding:5rem 2rem 2rem;gap:0;box-shadow:-5px 0 15px #0000001a;transition:right .3s ease;z-index:100}.nav-links.active{right:0}.nav-link{width:100%;padding:1rem 0;font-size:1.1rem;border-bottom:1px solid #f0f0f0}.nav-link:last-child{border-bottom:none}.hero-container{grid-template-columns:1fr;gap:2rem;padding:2rem 1rem}.hero-content h1{font-size:2rem;line-height:1.2}.hero-description{font-size:1rem}.hero-badge{font-size:.65rem;padding:.4rem .8rem}.btn-large{padding:.875rem 1.5rem;font-size:1rem;width:100%;justify-content:center}.social-proof{flex-direction:column;align-items:flex-start;gap:.5rem}.hero-image img{width:240px!important;max-width:100%}.phone-mockup{width:240px;height:480px}.insights-section{grid-template-columns:1fr;gap:2rem;padding:3rem 1rem}.insights-content h2{font-size:2rem;line-height:1.2}.insights-description{font-size:1rem}.insights-badge{font-size:.65rem;padding:.4rem .8rem}.insight-feature{font-size:.95rem}.dashboard-mockup{transform:scale(1);max-width:100%}.steps-container{grid-template-columns:1fr;gap:2rem}.simple-section{padding:3rem 1rem}.simple-section h2{font-size:2rem;line-height:1.2}.section-subtitle{font-size:1rem;margin-bottom:2rem}.step-card{padding:2rem 1.5rem}.step-card h3{font-size:1.3rem}.step-card p{font-size:.95rem}.why-love-section{grid-template-columns:1fr;gap:2rem;padding:3rem 1rem}.why-love-content h2{font-size:2rem;line-height:1.2}.feature-text h3{font-size:1.2rem}.feature-text p{font-size:.95rem}.testimonial-quote{font-size:1.1rem}h1{font-size:2rem}.home-page,.contact-page{padding:0}.how-it-works-page{padding:1rem}.how-it-works-page h1{margin-bottom:1rem}.pricing-page{padding:1rem}.pricing-page h1{margin-bottom:1rem}.terms-page{padding:2rem 1rem}.terms-page h1{font-size:1.5rem}.terms-page h2{font-size:1.3rem}.terms-page h3{font-size:1.1rem}.gdpr-table{font-size:.85rem}.gdpr-table th,.gdpr-table td{padding:.75rem .5rem}.consent-box{padding:1rem}.price-card.featured{transform:scale(1)}.pricing-cards{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.how-step-section{padding:3rem 1rem}.how-step-content h2{font-size:2rem;line-height:1.2}.how-step-content p{font-size:1rem;margin-bottom:2rem}.how-step-images{grid-template-columns:1fr;gap:2rem}.cta-buttons{flex-direction:column}.cta-buttons .btn{width:100%}.steps{grid-template-columns:1fr;gap:1.5rem}.contact-form{padding:1.5rem}}@media(min-width:769px)and (max-width:1024px){.hero-container{gap:3rem;padding:3rem 2rem}.insights-section{gap:3rem;padding:5rem 2rem;max-width:1200px}.dashboard-mockup{transform:scale(1.1)}.steps-container{gap:2rem}.why-love-section{gap:3rem;max-width:1200px}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-in-out}.modal.active{display:flex;align-items:center;justify-content:center;padding:2rem}.modal-content{background-color:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 10px 40px #00000026;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease-out}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;font-size:2rem;cursor:pointer;color:#718096;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s;line-height:1}.modal-close:hover{background-color:#f7fafc;color:#1a202c}.modal-content h2{font-size:1.75rem;color:#1a202c;margin-bottom:1rem}.modal-content p{color:#4a5568;margin-bottom:2rem;line-height:1.6}.modal-content p strong{color:#1565c0;font-weight:600}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#2d3748;font-weight:500;font-size:.95rem}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;font-family:inherit;transition:all .3s;background-color:#fff}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#1565c0;box-shadow:0 0 0 3px #1565c01a}.form-group textarea{resize:vertical;min-height:100px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.modal{padding:1rem}.modal-content{padding:2rem 1.5rem;max-height:85vh}.modal-close{top:1rem;right:1rem}.modal-content h2{font-size:1.5rem;padding-right:2rem}}.account-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8eef5);padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.auth-container{width:100%;max-width:800px}.sign-in-section h1{font-size:2rem;margin-bottom:.5rem;color:#1a1a1a}.sign-in-section .description{color:#666;margin-bottom:2rem;font-size:1rem}#clerk-sign-in{display:flex;justify-content:center;margin-top:2rem}.account-management{background:#fff;border-radius:16px;padding:3rem;box-shadow:0 4px 20px #00000014}.account-header{margin-bottom:2rem;border-bottom:2px solid #f0f0f0;padding-bottom:1.5rem}.account-header h1{font-size:2rem;margin-bottom:.5rem;color:#1a1a1a}.account-header .description{color:#666;font-size:1rem}.account-content{display:flex;flex-direction:column;gap:2rem}.account-section{padding:1.5rem;border-radius:12px;background:#f9fafb;border:1px solid #e5e7eb}.account-section h2{font-size:1.25rem;margin-bottom:1rem;color:#1a1a1a}.user-info{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.info-item .label{font-weight:600;color:#4b5563}.info-item .value{color:#1a1a1a;font-family:Courier New,monospace;font-size:.9rem}.account-actions{background:#fafafa}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.btn{padding:.75rem 1.5rem;border-radius:8px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;display:inline-block}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563;transform:translateY(-2px);box-shadow:0 4px 12px #6b72804d}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.btn-danger:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.danger-zone{background:#fef2f2;border-color:#fecaca}.danger-zone h2{color:#dc2626}.warning-text{color:#991b1b;font-weight:500;margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:8px;border-left:4px solid #dc2626}.confirm-input{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;margin-bottom:1rem;transition:border-color .3s ease}.confirm-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.confirm-actions{display:flex;flex-direction:column;gap:1rem}.button-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #2196f3;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{color:#666;font-size:1rem}.error-message{position:fixed;top:2rem;right:2rem;background:#fee2e2;color:#991b1b;padding:1rem 1.5rem;border-radius:8px;border-left:4px solid #dc2626;box-shadow:0 4px 12px #dc262633;max-width:400px;animation:slideIn .3s ease;z-index:1000}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.clerk-root-box{margin:0 auto}.clerk-card{border-radius:12px;box-shadow:none!important}@media(max-width:768px){.account-page{padding:1rem}.sign-in-section,.account-management{padding:2rem 1.5rem}.account-header h1,.sign-in-section h1{font-size:1.5rem}.actions-grid,.button-group{grid-template-columns:1fr}.info-item{flex-direction:column;align-items:flex-start;gap:.5rem}.error-message{left:1rem;right:1rem;top:1rem}}@media(max-width:450px){#clerk-sign-in{display:flex;justify-content:center;margin-top:2rem;margin-left:-19px}}