:root{--color-primary: #ffdd00;--color-secondary: #cbb872;--color-light: #fffae8;--color-dark: #242424;--font-heading: "Poppins", sans-serif;--font-body: "Inter", sans-serif;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--radius: 12px;--radius-lg: 16px}*{margin:0;padding:0;box-sizing:border-box}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px var(--color-light) inset;-webkit-text-fill-color:var(--color-dark);transition:background-color 5000s ease-in-out 0s}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-dark);background-color:var(--color-light);padding-top:170px;line-height:1.6}body.no-pattern .pattern-bg{display:none;opacity:0;visibility:hidden}body.error-page header,body.error-page footer{display:none}body.error-page .pattern-bg{display:none;opacity:0;visibility:hidden}body.error-page{padding-top:0}.pattern-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:url(/assets/images/pattern-bg.png);background-repeat:no-repeat;background-size:cover;background-position:center center;pointer-events:none;user-select:none}#betaBannerHtml{position:fixed;top:80px;left:0;width:100%;background:var(--color-light);color:var(--color-dark);text-align:center;padding:.75rem;z-index:10;font-family:var(--font-heading);font-size:.95rem;box-shadow:var(--shadow-sm)}.container-sm{max-width:900px;margin:0 auto;padding:0 20px}.container-md{max-width:1100px;margin:0 auto;padding:0 20px}.container-lg{max-width:1300px;margin:0 auto;padding:0 20px}header{position:fixed;top:0;left:0;width:100%;height:80px;background-color:var(--color-dark);box-shadow:var(--shadow-sm);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1300px)/2))}.header-actions{display:flex;gap:20px}.logo{display:flex;align-items:center;gap:12px}.logo img{max-width:2em;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}.logo:hover img{transform:scale(1.1)}.logo a{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-text{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--color-primary)}.user-menu{display:flex;align-items:center;gap:12px;position:relative}.premium-badge,.free-badge{padding:5px 14px;border-radius:100px;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;font-family:var(--font-body)}.premium-badge{background:linear-gradient(135deg,var(--color-primary) 0%,#f0c800 100%);color:var(--color-dark);box-shadow:0 2px 8px rgba(255,221,0,.3)}.free-badge{background-color:rgba(255,255,255,.05);border:1.5px solid rgba(203,184,114,.4);color:var(--color-secondary)}.user-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.user-dropdown{position:absolute;top:calc(100% + 23px);right:0;min-width:260px;background-color:var(--color-dark);border-radius:var(--radius);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000}.user-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-header{padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);transition:background-color .2s ease}.dropdown-email{color:var(--color-light);font-size:14px;line-height:1.4}.dropdown-divider{height:.05em;background-color:rgba(255,221,0,.1);margin:0}.dropdown-item{padding:16px;color:var(--color-light);text-decoration:none;line-height:normal;font-size:14px;display:flex;align-items:center;justify-content:space-between;transition:background-color .2s ease}.dropdown-header:hover,.dropdown-item:hover{background-color:rgba(255,221,0,.1)}.dropdown-logout{width:100%;background:none;border:none;cursor:pointer;font-family:var(--font-body);border-radius:0 0 var(--radius) var(--radius)}.dropdown-item .premium-badge,.dropdown-item .free-badge{margin:0}.nav-menu-dropdown{position:relative}.menu-icon{transition:transform .3s ease}.nav-menu-dropdown.active .menu-icon{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + 23px);right:0;min-width:260px;background-color:var(--color-dark);border-radius:var(--radius);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000;overflow:hidden}.nav-menu-dropdown.active .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-menu:before{content:"";position:absolute;top:-8px;right:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--color-dark)}.nav-dropdown-menu .menu-item{display:flex;align-items:center;padding:16px;color:var(--color-light);text-decoration:none;font-size:14px;transition:background-color .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-family:var(--font-body)}.nav-dropdown-menu .menu-item:hover{background-color:rgba(255,221,0,.1)}main{min-height:100dvh}footer{background-color:var(--color-dark);color:var(--color-light);padding:60px 0 20px;margin-top:60px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;padding-bottom:40px;border-bottom:1px solid rgba(255,221,0,.2)}.footer-logo{display:flex;align-items:center;gap:12px;font-family:var(--font-heading);font-weight:700;font-size:18px;color:var(--color-primary);margin-bottom:16px}.footer-logo img{max-width:1.5em}.footer-tagline{font-size:14px;color:var(--color-light);opacity:.7;margin:0}.footer-col h4{font-family:var(--font-heading);font-size:14px;font-weight:600;color:var(--color-primary);margin:0 0 20px;text-transform:uppercase;letter-spacing:.5px}.footer-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-nav li{margin:0;padding:0}.footer-nav a{color:var(--color-light);text-decoration:none;font-size:14px;opacity:.8;transition:all .3s ease;display:inline-block}.footer-nav a:hover{opacity:1;color:var(--color-primary)}.footer-email-link{display:block;color:var(--color-light);text-decoration:none;font-size:14px;opacity:.8;margin-bottom:20px;transition:all .3s ease}.footer-email-link:hover{opacity:1;color:var(--color-primary)}.footer-social{display:flex;gap:12px;align-items:center}.footer-social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,221,0,.2);transition:all .3s ease;text-decoration:none}.footer-social a:hover{background-color:rgba(255,221,0,.1);border-color:var(--color-primary)}.footer-social a svg{stroke:var(--color-light);opacity:.8;transition:all .3s ease}.footer-social a:hover svg{stroke:var(--color-primary);opacity:1}.footer-bottom{padding-top:20px;text-align:center}.footer-bottom p{font-size:13px;opacity:.6;margin:0}.hero{text-align:center}.hero h1{font-family:var(--font-heading);font-size:40px;font-weight:700;color:var(--color-dark);margin-bottom:10px;animation:fadeIn .6s ease-out}.hero-subtitle{font-size:18px;color:var(--color-dark);margin-bottom:20px;animation:fadeIn .6s ease-out .15s backwards}.features{padding:2em 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.feature-card{background-color:var(--color-light);padding:40px 30px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;transition:all .3s ease;animation:fadeIn .6s ease-out backwards}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card.animate-on-scroll:nth-child(1).animate-in{transition-delay:.1s}.feature-card.animate-on-scroll:nth-child(2).animate-in{transition-delay:.2s}.feature-card.animate-on-scroll:nth-child(3).animate-in{transition-delay:.3s}.feature-card:hover{box-shadow:var(--shadow-md)}.feature-icon{width:64px;height:64px;margin:0 auto 20px;background-color:var(--color-dark);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--color-secondary);transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-card h3{font-family:var(--font-heading);font-size:20px;margin-bottom:10px;color:var(--color-dark)}.feature-card p{color:var(--color-dark);opacity:.8;font-size:14px}.trust-bar{padding:2em 0}.trust-items{display:flex;justify-content:center;align-items:center;gap:120px;flex-wrap:wrap;background-color:rgba(36,36,36,.9);padding:20px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.trust-item{display:flex;align-items:center;gap:10px;color:var(--color-secondary);font-family:var(--font-heading);font-size:18px;animation:fadeIn .6s ease-out backwards}.trust-item:nth-child(1){animation-delay:.1s}.trust-item:nth-child(2){animation-delay:.2s}.trust-item:nth-child(3){animation-delay:.3s}.trust-item.animate-on-scroll:nth-child(1).animate-in{transition-delay:.1s}.trust-item.animate-on-scroll:nth-child(2).animate-in{transition-delay:.2s}.trust-item.animate-on-scroll:nth-child(3).animate-in{transition-delay:.3s}.trust-item svg{stroke:var(--color-secondary);flex-shrink:0}.faq{background-color:rgba(36,36,36,.9);padding:2.5em 0;margin:2.5em 0}.section-title{font-family:var(--font-heading);font-size:36px;text-align:center;color:var(--color-secondary);margin-bottom:30px;animation:fadeIn .8s ease-out}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:15px}.faq-item{padding:15px;transition:all .3s ease;animation:fadeIn .6s ease-out backwards}.faq-item:nth-child(1){animation-delay:.1s}.faq-item:nth-child(2){animation-delay:.15s}.faq-item:nth-child(3){animation-delay:.2s}.faq-item:nth-child(4){animation-delay:.25s}.faq-item:nth-child(5){animation-delay:.3s}.faq-item:nth-child(6){animation-delay:.35s}.faq-item:nth-child(7){animation-delay:.4s}.faq-item:nth-child(8){animation-delay:.45s}.faq-item:nth-child(9){animation-delay:.5s}.faq-item:nth-child(10){animation-delay:.55s}.faq-item.animate-on-scroll:nth-child(1).animate-in{transition-delay:.1s}.faq-item.animate-on-scroll:nth-child(2).animate-in{transition-delay:.15s}.faq-item.animate-on-scroll:nth-child(3).animate-in{transition-delay:.2s}.faq-item.animate-on-scroll:nth-child(4).animate-in{transition-delay:.25s}.faq-item.animate-on-scroll:nth-child(5).animate-in{transition-delay:.3s}.faq-item.animate-on-scroll:nth-child(6).animate-in{transition-delay:.35s}.faq-item.animate-on-scroll:nth-child(7).animate-in{transition-delay:.4s}.faq-item.animate-on-scroll:nth-child(8).animate-in{transition-delay:.45s}.faq-item.animate-on-scroll:nth-child(9).animate-in{transition-delay:.5s}.faq-item.animate-on-scroll:nth-child(10).animate-in{transition-delay:.55s}.faq-item h3{font-family:var(--font-heading);font-size:18px;color:var(--color-secondary);margin-bottom:8px}.faq-item p{color:var(--color-secondary);opacity:.8;font-size:15px;line-height:1.6}.faq-item p a{color:var(--color-primary);text-decoration:none;transition:all .3s ease}.faq-item p a:hover{color:var(--color-light)}.cta-final{padding:1.5em 0;text-align:center}.cta-final h2{font-family:var(--font-heading);font-size:32px;color:var(--color-dark);margin-bottom:10px;animation:fadeIn .6s ease-out}.cta-final p{font-size:18px;color:var(--color-dark);margin-bottom:20px;animation:fadeIn .6s ease-out .1s backwards}.cta-final .btn{animation:fadeIn .6s ease-out .2s backwards}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.card{background-color:var(--color-light);padding:30px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.card h2{font-family:var(--font-heading);font-size:28px;margin-bottom:24px;color:var(--color-dark)}.card h3{font-family:var(--font-heading);font-size:20px;margin-top:30px;margin-bottom:16px;color:var(--color-dark)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--color-dark)}.form-group .notes{margin:16px 0}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:2px solid var(--color-secondary);background-color:var(--color-light);color:var(--color-dark);border-radius:var(--radius);font-family:var(--font-body);font-size:15px;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-dark)}.form-group textarea{resize:vertical;min-height:100px}.service-row{background-color:var(--color-secondary);padding:20px;border-radius:var(--radius);margin-bottom:16px;position:relative}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.service-grid .form-group:nth-child(1),.service-grid .form-group:nth-child(2){grid-column:1 / -1}.totals-section{background-color:var(--color-secondary);padding:20px;border-radius:var(--radius);margin-top:20px}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:none}.field-help{font-size:13px}.form-actions{display:flex;flex-direction:column;gap:1rem}.form-actions .btn{width:100%}.preview-column{position:sticky;top:100px;align-self:start}.preview-card{max-height:calc(100vh - 120px);overflow-y:auto}.preview-header{padding-bottom:20px;border-bottom:2px solid var(--color-secondary);margin-bottom:24px;transition:border-bottom-color .3s ease}.preview-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.preview-logo{display:flex;align-items:center;gap:12px;font-family:var(--font-heading);font-weight:700;color:var(--color-dark)}.preview-logo img{max-width:2em}.preview-date{font-size:14px}.preview-header h2{text-align:center;font-family:var(--font-heading);font-size:32px;color:var(--color-dark);margin:0}.preview-section{margin-bottom:24px}.preview-section:last-child{margin-bottom:0}.preview-section h3{font-family:var(--font-heading);font-size:18px;margin:10px 0 5px;color:var(--color-dark)}.preview-section .text-info{display:grid;grid-template-columns:auto 1fr;gap:0;row-gap:5px}.preview-section .text-info p{display:contents}.preview-section .text-info strong{min-width:100px}.preview-section .text-info p[style*="display: none"]{display:none}.preview-section p{word-wrap:break-word;word-break:break-word;white-space:normal;font-size:14px}.preview-section strong{font-weight:600}.preview-table{width:100%;border-collapse:collapse;margin-top:12px}.preview-table thead{background-color:var(--color-secondary);transition:background-color .3s ease}.preview-table th{padding:12px;text-align:left;font-weight:600;font-size:14px;color:var(--color-dark);transition:color .3s ease}.preview-table th:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.preview-table th:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.preview-table td{max-width:250px;word-wrap:break-word;word-break:break-word;white-space:normal;padding:12px;border-bottom:1px solid var(--color-secondary);font-size:14px;transition:border-bottom-color .3s ease}.preview-table .empty-state{text-align:center;color:var(--color-dark);opacity:.7;font-style:italic;padding:24px}.preview-totals{background-color:var(--color-secondary);padding:20px;border-radius:var(--radius);margin-top:20px;transition:background-color .3s ease}.total-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:15px;transition:color .3s ease}.total-row.total-final{border-top:2px solid rgba(36,36,36,.5);padding-top:12px;margin-top:12px;font-size:18px;font-weight:700;color:var(--color-dark);transition:color .3s ease,border-top-color .3s ease}.preview-footer{text-align:center;font-size:12px;color:var(--color-dark);opacity:.7;margin-top:25px;border-top:1px solid var(--color-secondary);padding-top:10px}.preview-footer a{color:var(--color-dark);text-decoration:none}[data-premium-only=hide]{visibility:hidden}body.show-watermark [data-premium-only=hide],body.show-watermark .preview-logo[data-premium-only=hide]{display:flex;visibility:visible}body.show-watermark .preview-footer[data-premium-only=hide]{display:block;visibility:visible}.pricing-hero{margin-bottom:30px}.pricing-cards{margin-bottom:60px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;max-width:1000px;margin:0 auto}.pricing-card{position:relative;padding:40px 30px;text-align:center;transition:all .3s ease}.pricing-card:hover{box-shadow:var(--shadow-lg)}.pricing-ribbon{position:absolute;top:20px;right:-10px;background-color:var(--color-primary);color:var(--color-dark);padding:8px 20px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius) 0 0 var(--radius);box-shadow:var(--shadow-md)}.pricing-header{margin-bottom:30px}.pricing-header h3{font-family:var(--font-heading);font-size:28px;font-weight:700;color:var(--color-dark);margin-bottom:12px}.pricing-price{margin-bottom:40px;display:flex;align-items:baseline;justify-content:center;gap:5px}.price-currency{font-size:28px;font-weight:600;color:var(--color-dark)}.price-amount{font-family:var(--font-heading);font-size:56px;font-weight:700;color:var(--color-dark);line-height:1}.price-period{font-size:18px;color:var(--color-dark);opacity:.7}.pricing-features{list-style:none;margin-bottom:40px;text-align:left}.pricing-features li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.08)}.pricing-features li:last-child{border-bottom:none}.pricing-features li svg{flex-shrink:0;margin-top:2px;color:var(--color-dark)}.pricing-features li.feature-limited svg{color:rgba(36,36,36,.3)}.pricing-features li.feature-limited span{opacity:.5}.pricing-features li span{font-size:15px;color:var(--color-dark)}.pricing-cta{max-width:700px;margin:0 auto}.cta-box{padding:50px 40px;text-align:center;background-color:var(--color-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.cta-box h2{font-family:var(--font-heading);font-size:32px;font-weight:700;margin-bottom:16px;color:var(--color-dark)}.cta-box p{font-size:16px;margin-bottom:30px;color:var(--color-dark);opacity:.8}.cta-note{font-size:14px;margin-top:20px;margin-bottom:0;opacity:.6}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.dashboard-title-section h1{font-family:var(--font-heading);font-size:32px;font-weight:700;color:var(--color-dark);margin-bottom:.5rem}.dashboard-subtitle{font-size:16px;color:var(--color-dark)}.quotes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:3rem}.quote-card{position:relative;background-color:var(--color-dark);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-md);transition:all .3s ease}.quote-card:hover{box-shadow:var(--shadow-lg)}.quote-card .btn-remove-service{background-color:var(--color-secondary);color:var(--color-dark);background-image:linear-gradient(45deg,var(--color-dark) 50%,var(--color-secondary) 50%)}.quote-card .btn-remove-service:hover{color:var(--color-light)}.quote-card-header{margin-bottom:1rem}.quote-card-title{font-size:18px;font-weight:600;color:var(--color-light);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.quote-card-client{font-size:14px;color:var(--color-secondary);display:flex;align-items:center;gap:.5rem}.quote-card-meta{display:flex;flex-direction:column;gap:.75rem;padding:1rem 0;border-top:1px solid var(--color-secondary);border-bottom:1px solid var(--color-secondary);margin-bottom:1.5rem}.quote-card-amount{font-size:24px;font-weight:700;color:var(--color-light)}.quote-card-date{font-size:13px;color:var(--color-secondary);display:flex;align-items:center;gap:.5rem}.quote-card-actions{display:flex;flex-direction:column;gap:1rem}.quote-card-actions .btn{width:100%}.empty-state{text-align:center;padding:4rem 2rem;max-width:500px;margin:0 auto}.empty-state-icon{margin-bottom:1rem;color:var(--color-dark);opacity:.6}.empty-state h2{font-family:var(--font-heading);font-size:24px;font-weight:600;color:var(--color-dark);margin-bottom:.75rem}.empty-state p{font-size:16px;color:var(--color-dark);opacity:.6;margin-bottom:2rem;line-height:1.6}.error-state{text-align:center;padding:4rem 2rem;max-width:500px;margin:0 auto}.error-state-icon{margin-bottom:1rem;color:#dc2626}.error-state h2{font-family:var(--font-heading);font-size:24px;font-weight:600;color:var(--color-dark);margin-bottom:.75rem}.error-state p{font-size:16px;color:var(--color-dark);opacity:.6;margin-bottom:2rem;line-height:1.6}.success-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.success-content{text-align:center;max-width:600px;margin:0 auto}.success-content h1{font-family:var(--font-heading);font-size:42px;font-weight:700;color:var(--color-dark);margin-bottom:16px}.success-subtitle{font-size:18px;color:var(--color-dark)}.success-loading p{font-size:20px;font-weight:500;margin:0;color:var(--color-dark);opacity:.8}.success-confirmed{margin:4em auto;animation:fadeIn .5s ease-out}.success-features{padding:30px}.success-features h3{font-family:var(--font-heading);font-size:22px;font-weight:600;color:var(--color-dark);margin-bottom:24px}.feature-list{list-style:none;text-align:left}.feature-list li{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid rgba(0,0,0,.08)}.feature-list li:last-child{border-bottom:none}.feature-list li svg{flex-shrink:0;color:var(--color-dark)}.feature-list li span{font-size:16px;color:var(--color-dark)}.success-actions{display:flex;justify-content:center;gap:20px;margin:0 auto 30px}.success-invoice{padding:20px;background-color:rgba(0,0,0,.03);border-radius:var(--radius)}.success-invoice p{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--color-dark);opacity:.7;margin:0}.success-error{padding:40px 20px}.error-message{font-size:20px;font-weight:600;color:#dc2626;margin-bottom:30px}.legal-contents{max-width:900px;margin-left:auto;margin-right:auto}.legal-contents h1{font-family:var(--font-heading);font-size:36px;color:var(--color-dark);margin-bottom:10px}.last-updated{color:var(--color-dark);opacity:.6;font-size:14px;margin-bottom:40px}.legal-contents section{margin-bottom:40px}.legal-contents h2{font-family:var(--font-heading);font-size:24px;color:var(--color-dark);margin-bottom:16px;padding-top:10px}.legal-contents h3{font-family:var(--font-heading);opacity:.9;font-size:18px;margin-bottom:8px}.legal-contents p{color:var(--color-dark);opacity:.8;font-size:16px;line-height:1.7;margin-bottom:16px}.legal-contents ul{margin-left:20px;margin-bottom:16px}.legal-contents li{color:var(--color-dark);opacity:.8;font-size:16px;line-height:1.7;margin-bottom:8px}.legal-contents a{color:var(--color-dark);text-decoration:underline;font-weight:600}.animate-on-scroll{opacity:0;transition:all .6s ease-out}.animate-on-scroll.animate-in{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--radius);font-family:var(--font-body);font-size:16px;font-weight:600;cursor:pointer;transition:all 1s ease;text-decoration:none}.btn-primary{background-color:var(--color-dark);color:var(--color-light);background-image:linear-gradient(45deg,var(--color-light) 50%,var(--color-dark) 50%);background-position:100%;background-size:400%}.btn-primary:hover{background-position:0;color:var(--color-dark);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-dark);background-image:linear-gradient(45deg,var(--color-light) 50%,var(--color-secondary) 50%);background-position:100%;background-size:400%}.btn-secondary:hover{background-position:0;background-color:var(--color-light);box-shadow:var(--shadow-lg)}.btn-outline{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary);background-image:linear-gradient(45deg,var(--color-light) 50%,var(--color-dark) 50%);background-position:100%;background-size:400%}.btn-outline:hover{background-position:0;background-color:var(--color-light);border:2px solid var(--color-light);color:var(--color-dark)}.btn-large{padding:18px 36px;font-size:18px;animation:fadeIn .6s ease-out .3s backwards}.btn-remove-service{position:absolute;top:0;right:0;display:flex;align-items:center;gap:8px;padding:10px;background-color:var(--color-dark);color:var(--color-light);background-image:linear-gradient(45deg,var(--color-light) 50%,var(--color-dark) 50%);background-position:100%;background-size:400%;border:none;border-radius:0 var(--radius) 0 var(--radius);cursor:pointer;transition:all .3s ease;z-index:1}.btn-remove-service:hover{background-position:0;background-color:var(--color-light);color:var(--color-dark)}.btn-logout{padding:8px 16px;font-size:14px}.btn-disabled{opacity:.5;pointer-events:none}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000;align-items:center;justify-content:center;animation:fadeIn .3s ease}.modal.show{display:flex}.modal-content{background-color:var(--color-light);padding:40px;border-radius:var(--radius-lg);max-width:500px;width:90%;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}.modal-content h3{font-family:var(--font-heading);font-size:24px;margin-bottom:16px;color:var(--color-dark)}.modal-content p{margin-bottom:24px;color:var(--color-dark);opacity:.8}.modal-actions{display:flex;gap:16px}.modal-actions .btn{flex:1}.modal-close{position:absolute;top:0;right:0;display:flex;align-items:center;gap:8px;padding:10px;background-color:var(--color-dark);color:var(--color-light);background-image:linear-gradient(45deg,var(--color-light) 50%,var(--color-dark) 50%);background-position:100%;background-size:400%;border:none;border-radius:0 var(--radius) 0 var(--radius);cursor:pointer;transition:all .3s ease;z-index:1}.modal-close:hover{background-position:0;background-color:var(--color-light);color:var(--color-dark)}.modal-content{position:relative}.modal h2{font-family:var(--font-heading);font-size:28px;margin-bottom:10px;color:var(--color-dark)}.modal input[type=email]{width:100%;padding:14px 16px;border-radius:var(--radius);font-family:var(--font-body);font-size:16px;margin-bottom:20px;border:2px solid var(--color-secondary);background-color:var(--color-light);transition:border-color .3s ease}.modal input[type=email]:focus{outline:none;border-color:var(--color-dark)}.modal .btn{width:100%}.toast{position:fixed;bottom:-100px;right:30px;background-color:var(--color-dark);color:var(--color-light);padding:16px 24px;border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:1001;transition:bottom .4s ease;max-width:350px;animation:slideInRight .4s cubic-bezier(.68,-.55,.265,1.55)}.toast.show{bottom:30px}.toast.error{background-color:#dc2626}.toast.success{background-color:#16a34a}.initial-loader{display:flex;align-items:center;justify-content:center;min-height:60vh;animation:fadeIn .2s ease-in}.loader-content{text-align:center}.loader-content img{opacity:.5;animation:logoBreath 2s ease-in-out infinite}.loader-content p{margin-top:1rem;color:var(--color-dark);opacity:.8;font-size:20px;font-weight:500}.skeleton-header{height:32px;width:220px;border-radius:6px;margin-bottom:1.5rem}.skeleton-subheader{height:24px;width:160px;border-radius:4px;margin:1.5rem 0 1rem}.skeleton-line{height:16px;border-radius:4px;margin-bottom:12px}.skeleton-line.short{width:60%}.skeleton-input{height:44px;border-radius:8px}.skeleton-button{height:44px;width:160px;border-radius:var(--radius)}.skeleton-button.full-width{width:100%}.skeleton-divider{height:1px;background:transparent;margin:.75rem 0}.skeleton-table{margin:1.5rem 0}.skeleton-row{height:40px;border-radius:4px;margin-bottom:8px}.skeleton-section{margin-bottom:1.5rem}.skeleton-buttons-group{display:flex;flex-direction:column;gap:1rem}.skeleton-buttons-group .skeleton-button{width:100%;margin:0}.skeleton-card{pointer-events:none;background-color:var(--color-dark);position:relative}.skeleton-remove-btn{position:absolute;top:0;right:0;width:43px;height:43px;border-radius:0 var(--radius) 0 var(--radius)}.skeleton-header,.skeleton-subheader,.skeleton-line,.skeleton-input,.skeleton-button,.skeleton-row,.skeleton-remove-btn{background:linear-gradient(90deg,#fef3c7,#fde68a,#fef3c7);background-size:200% 100%;animation:shimmer 1.5s infinite}@media(max-width:968px){.logo img{width:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.footer-logo img{width:20px}.preview-logo img{width:25px}.two-columns{grid-template-columns:1fr}.preview-card{position:static}.hero h1{font-size:36px}.service-grid{grid-template-columns:1fr}}@media(max-width:768px){body{padding-top:210px!important}.nav-dropdown-menu{min-width:240px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{padding:30px 20px}.trust-items{gap:24px}.trust-item,.footer-links{font-size:13px}.faq{padding:60px 0}.section-title{font-size:28px}.faq-grid{grid-template-columns:1fr;gap:20px}.dashboard-header{flex-direction:column;align-items:stretch}.dashboard-title-section h1{font-size:24px}.legal-contents{padding:0 20px}.legal-contents h1{font-size:28px}.legal-contents h2{font-size:20px}.feature-card,.faq-item{animation-duration:.4s}.pricing-grid{grid-template-columns:1fr;max-width:400px}.pricing-ribbon{right:50%;transform:translate(50%);border-radius:var(--radius)}.cta-box{padding:40px 24px}.success-content h1{font-size:32px}.success-features{padding:30px 20px}.success-actions{gap:12px}}@media(max-width:640px){.login-text,.menu-text,.menu-icon{display:none}#loginBtn,#navMenuBtn{padding:8px 16px}.hero h1{font-size:28px}.hero-subtitle{font-size:16px}.features-grid{grid-template-columns:1fr}.form-group input,.form-group textarea{font-size:16px}.modal-content{padding:30px 20px}.modal-actions{flex-direction:column}footer{padding:40px 0 20px}.footer-grid{grid-template-columns:1fr;gap:32px;text-align:center}.footer-logo{justify-content:center}.footer-nav{align-items:center}.footer-nav a:hover{transform:translate(0)}.footer-social{justify-content:center}.footer-col h4{margin-bottom:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes logoBreath{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}