.homepage-content{flex-grow:1}.homepage-content .btn-primary{background-color:var(--accent-green);color:#fff;border:1px solid var(--accent-green)}.homepage-content .btn-primary:hover{background-color:var(--accent-green-hover);border-color:var(--accent-green-hover);color:#fff}.hero-section .btn-outline{background-color:transparent;color:var(--primary-text);border:2px solid var(--primary-text)}.hero-section .btn-outline:hover{background-color:var(--primary-text);color:var(--accent-green)}.hero-section{background:var(--accent-green);color:var(--primary-text);text-align:center;padding:100px 20px;min-height:450px;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-section h1{font-size:3.2rem;margin-bottom:20px;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.1)}.hero-section .subtitle{font-size:1.6rem;margin-bottom:35px;font-weight:300;max-width:850px}.hero-cta .btn{margin:0 10px}.features-section{padding:80px 0;background-color:var(--primary-bg);text-align:center}.features-section h2{font-size:2.5rem;margin-bottom:50px;color:var(--primary-text)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px}.feature-item{background-color:var(--secondary-bg);padding:30px 25px;border-radius:var(--border-radius-md);box-shadow:0 4px 8px #00000013;transition:transform .3s ease,box-shadow .3s ease}.feature-item:hover{transform:translateY(-8px);box-shadow:0 6px 16px #0000001a}.feature-icon{font-size:2.8rem;margin-bottom:20px;color:var(--accent-green)}.feature-item h3{font-size:1.4rem;margin-bottom:10px;color:var(--primary-text)}.feature-item p{font-size:1rem;color:var(--secondary-text);line-height:1.5}.cta-section{background-color:var(--accent-green);color:var(--primary-text);padding:70px 0;text-align:center}.cta-section h2{font-size:2.3rem;margin-bottom:15px}.cta-section p{font-size:1.25rem;margin-bottom:30px;max-width:850px;margin-left:auto;margin-right:auto;opacity:.9}.cta-section .btn-primary{background-color:#fff;color:var(--primary-text);border:1px solid #DDDDDD;font-weight:700}.cta-section .btn-primary:hover{background-color:#f0f0f0;color:var(--primary-text);border-color:#ccc}.security-info-section{padding:70px 0;background-color:var(--primary-bg);text-align:center}.security-info-section h2{font-size:2.3rem;margin-bottom:15px;color:var(--primary-text)}.security-info-section p{font-size:1.15rem;color:var(--secondary-text);max-width:950px;margin:0 auto 25px}.trust-badges{margin-top:25px;font-size:1rem;color:var(--secondary-text)}.trust-badges span{margin:0 15px;display:inline-block}.homepage-footer{background-color:var(--secondary-bg);color:var(--primary-text);padding:50px 0;text-align:center}.footer-links{margin-bottom:20px}.footer-links a{color:var(--secondary-text);text-decoration:none;margin:0 15px;transition:color .3s ease}.footer-links a:hover{color:var(--accent-green-hover);text-decoration:underline}.homepage-footer p{margin:8px 0;font-size:.9rem}@media (max-width: 992px){.hero-section h1{font-size:2.8rem}.hero-section .subtitle{font-size:1.4rem}.features-section h2,.cta-section h2,.security-info-section h2{font-size:2rem}}@media (max-width: 768px){.hero-section{padding:30px 5px}.hero-section h1{font-size:2.4rem}.hero-section .subtitle{font-size:1.2rem}.features-section,.cta-section,.security-info-section{padding:30px 5px}.features-grid{grid-template-columns:1fr}.feature-item{padding:15px 5px;box-shadow:0 2px 6px #0000000f;margin-bottom:20px}.footer-links{display:flex;flex-direction:column;align-items:center}.footer-links a{margin:5px 0}}@media (max-width: 480px){.homepage-content{margin-left:-1rem;margin-right:-1rem}.features-section,.cta-section,.security-info-section,.hero-section{padding:20px 0}.hero-section>h1,.hero-section>.subtitle,.hero-section>.hero-cta,.features-section>h2,.features-section>.features-grid,.cta-section>h2,.cta-section>p,.cta-section>.btn-primary,.security-info-section>h2,.security-info-section>p,.security-info-section>.trust-badges{padding-left:15px;padding-right:15px;box-sizing:border-box}.hero-section>h1{font-size:1.8rem;line-height:1.3;margin-bottom:15px}.hero-section>.subtitle{font-size:1rem;line-height:1.4;margin-bottom:25px}.homepage-content .btn-large{padding:10px 18px;font-size:1rem}.hero-cta{display:flex;flex-direction:column;align-items:center;width:100%}.hero-cta .btn{width:100%;max-width:300px;margin:8px 0}.features-section>h2{font-size:1.6rem;line-height:1.3;margin-bottom:20px}.features-grid{gap:20px}.feature-item{background-color:transparent!important;box-shadow:none!important;padding:10px;text-align:center}.feature-item h3{font-size:1.2rem;line-height:1.3}.feature-item p{font-size:.9rem;line-height:1.5}.cta-section>h2,.security-info-section>h2{font-size:1.6rem;line-height:1.3;margin-bottom:10px}.cta-section>p,.security-info-section>p{font-size:1rem;line-height:1.4;margin-bottom:20px}.cta-section>.btn-primary{display:inline-block;margin-top:10px}}.navbar{background:var(--secondary-bg);height:80px;display:flex;justify-content:center;align-items:center;font-size:1.2rem;position:sticky;top:0;z-index:999;box-shadow:0 2px 4px #0003}.navbar-container{display:flex;justify-content:space-between;height:80px;z-index:1;width:100%;max-width:1300px;margin:0 auto;padding:0 24px}.navbar-logo{color:var(--accent-green);justify-self:start;cursor:pointer;text-decoration:none;font-size:2rem;display:flex;align-items:center;font-weight:700}.nav-menu{display:flex;align-items:center;list-style:none;text-align:center}.nav-item{height:80px}.nav-links{color:var(--secondary-text);display:flex;align-items:center;text-decoration:none;padding:0 1rem;height:100%;cursor:pointer;transition:all .2s ease-out}.nav-links:hover{color:var(--primary-text);border-bottom:3px solid var(--accent-green)}.nav-links-button{background-color:transparent;color:var(--secondary-text);border:none;padding:0 1rem;font-size:1.2rem;font-family:inherit;cursor:pointer;height:100%;transition:all .2s ease-out}.nav-links-button:hover{color:var(--primary-text)}.menu-icon{display:none;cursor:pointer}.menu-icon .bar1,.menu-icon .bar2,.menu-icon .bar3{width:25px;height:3px;background-color:var(--primary-text);margin:5px 0;transition:.4s;border-radius:2px}.menu-icon .change.bar1{transform:rotate(-45deg) translate(-5px,6px)}.menu-icon .change.bar2{opacity:0}.menu-icon .change.bar3{transform:rotate(45deg) translate(-5px,-6px)}@media screen and (max-width: 960px){.nav-menu{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:280px;height:100vh;background:var(--secondary-bg);transform:translate(-100%);transition:transform .5s ease;opacity:1;z-index:1000;overflow-y:auto}.nav-menu.active{transform:translate(0)}.nav-links{text-align:center;padding:2rem;width:100%;display:table}.nav-links:hover{color:var(--accent-green);border-bottom:none}.navbar-logo{position:absolute;top:0;left:0;transform:translate(25%,50%)}.menu-icon{display:block;position:absolute;top:0;right:0;transform:translate(-100%,75%);font-size:1.8rem}.menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:998;cursor:pointer}.menu-overlay.active{display:block}}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}#root{max-width:1600px;margin:0 auto;min-height:100vh}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding:1rem 2rem;box-sizing:border-box}@media (max-width: 768px){.container{padding:1rem 1.5rem}body{font-size:95%}h1{font-size:2.2rem}h2{font-size:1.8rem}h3{font-size:1.4rem}}@media (max-width: 480px){#root{padding:1rem 0}.container{padding:1rem}body{font-size:90%}h1{font-size:1.8rem;line-height:1.3}h2{font-size:1.5rem;line-height:1.3}h3{font-size:1.2rem;line-height:1.3}p,li,span,a{line-height:1.5}}:root{--primary-bg: #FFFFFF;--secondary-bg: #F8F9FA;--tertiary-bg: #E9ECEF;--primary-text: #212529;--secondary-text: #6C757D;--accent-green: #1DB954;--accent-green-hover: #1ed760;--accent-green-focus-ring: rgba(29, 185, 84, .25);--error-red: #DC3545;--error-red-bg: rgba(220, 53, 69, .1);--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--input-border-color: #CED4DA;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color:var(--primary-text);background-color:var(--primary-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;flex-direction:column;min-height:100vh;color:var(--primary-text);background-color:var(--primary-bg)}h1,h2,h3,h4,h5,h6{color:var(--primary-text);margin-top:0}.container{width:90%;max-width:1600px;margin:2rem auto;padding:2rem;background-color:var(--secondary-bg);border-radius:var(--border-radius-lg);box-shadow:0 4px 12px #00000013}form{display:flex;flex-direction:column;gap:1rem}label{font-weight:700;color:var(--secondary-text)}input[type=text],input[type=password],input[type=email],input[type=number],select{padding:.8em 1em;border-radius:var(--border-radius-sm);border:1px solid var(--input-border-color);background-color:var(--primary-bg);color:var(--primary-text);font-size:1em;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=number]:focus,select:focus{outline:none;border-color:var(--accent-green);box-shadow:0 0 0 .25rem var(--accent-green-focus-ring)}.btn{padding:.8em 1.5em;font-size:1em;font-weight:700;color:#fff;background-color:var(--accent-green);border:1px solid var(--accent-green);border-radius:var(--border-radius-md);cursor:pointer;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,transform .1s ease-in-out;text-align:center;text-decoration:none}.btn:hover{background-color:var(--accent-green-hover);border-color:var(--accent-green-hover);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-secondary{background-color:var(--tertiary-bg);color:var(--primary-text);border:1px solid #ADB5BD}.btn-secondary:hover{background-color:#dde1e4;border-color:#a0a7ac}.error-message{color:var(--error-red);background-color:var(--error-red-bg);padding:.75rem;border-radius:var(--border-radius-sm);border:1px solid var(--error-red);margin-bottom:1rem;text-align:center}.success-message{color:var(--accent-green);background-color:#1db9541a;padding:.75rem;border-radius:var(--border-radius-sm);border:1px solid var(--accent-green);margin-bottom:1rem;text-align:center}