.homepage{min-height:100vh;background:var(--bg-color);color:var(--text-color);padding:120px 20px 60px;overflow-x:hidden}.fade-in{animation:fadeIn .5s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero{max-width:850px;margin:0 auto 80px;display:flex;flex-direction:column;align-items:center;padding:0 20px}.hero h1{margin-bottom:20px;color:var(--accent-color);line-height:1.3}.hero-subtext{font-size:1.1rem;color:var(--muted-text);line-height:1.6;margin-bottom:30px}.hero-buttons{display:flex;justify-content:center;gap:16px}button.primary{background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#fff;padding:12px 24px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:transform .2s ease}button.primary:hover{transform:translateY(-3px)}button.large{padding:14px 32px;font-size:1.1rem}.how-it-works{margin-bottom:80px}.how-it-works h2{font-size:2rem;margin-bottom:40px}.steps{margin:0 auto}.step{transition:transform .2s ease}.step:hover{transform:translateY(-5px)}.step-icon{font-size:2rem;margin-bottom:12px}.features{margin-bottom:80px}.features h2{font-size:2rem;margin-bottom:20px}.features ul{list-style:none;max-width:600px;margin:0 auto;padding:0;text-align:left}.features li{font-size:1rem;color:var(--text-color);background:hsla(0,0%,100%,.05);margin:8px 0;padding:10px 14px;border-radius:6px;transition:background .2s ease}.features li:hover{background:hsla(0,0%,100%,.1)}.cta{background:hsla(0,0%,100%,.05);border-radius:14px;padding:40px 20px;max-width:700px;margin:0 auto 80px;box-shadow:0 4px 14px rgba(0,0,0,.25)}.cta h2{font-size:2rem;margin-bottom:10px;color:var(--accent-color)}.footer{margin-top:60px;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.08);font-size:.9rem;color:var(--muted-text)}.footer nav{display:flex;justify-content:center;gap:20px;margin-top:10px}.footer a{color:var(--accent-color);text-decoration:none}.footer a:hover{text-decoration:underline}.nav-links a{transition:color .2s ease}.nav-button{transition:transform .2s ease}.hamburger{display:none}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{transition:all .3s ease}@media (max-width:1100px){.nav-links{display:none}.hamburger{display:flex}}@media (max-width:768px){.home-navbar{padding:0 16px;height:64px}.nav-logo{font-size:1.4rem}.nav-right .nav-button{display:none}.homepage{padding-top:90px}.hero h1{font-size:2rem}.hero-subtext{font-size:1rem}.hero-buttons{flex-direction:column;gap:10px}}@media (max-width:800px){.steps{grid-template-columns:1fr}}@media (max-width:768px){.features ul{padding:0 12px}.cta{padding:28px 16px}}.home-navbar{position:fixed;top:0;left:0;right:0;height:70px;background:rgba(15,23,42,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.06);box-shadow:0 4px 12px rgba(0,0,0,.25);justify-content:space-between;z-index:9999}.home-navbar,.nav-left{display:flex;align-items:center}.nav-left{gap:36px;height:100%}.nav-logo{line-height:1;font-size:1.6rem;font-weight:700;color:var(--accent-color);margin:0}.nav-links,.nav-logo{display:flex;align-items:center}.nav-links{gap:24px}.nav-links a{color:var(--muted-text);font-weight:500;transition:.2s}.nav-links a:hover{color:var(--text-color)}.nav-right{gap:16px;height:100%}.nav-button,.nav-right{display:flex;align-items:center}.nav-button{justify-content:center;line-height:1;padding:10px 18px;border-radius:8px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#fff;font-weight:600;cursor:pointer}.nav-button:hover{transform:translateY(-2px)}.hamburger{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);display:none!important;align-items:center;justify-content:center;cursor:pointer;border:none;margin:0;padding:0}.hamburger-box{width:22px;height:18px;position:relative}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{content:"";position:absolute;width:100%;height:3px;background:#fff;border-radius:3px;transition:.3s ease}.hamburger-inner{top:50%;transform:translateY(-50%)}.hamburger-inner:before{top:-7px}.hamburger-inner:after{top:7px}.hamburger.active .hamburger-inner{background-color:transparent}.hamburger.active .hamburger-inner:before{top:0;transform:rotate(45deg)}.hamburger.active .hamburger-inner:after{top:0;transform:rotate(-45deg)}.mobile-menu{position:fixed;top:70px;left:0;right:0;background:rgba(15,23,42,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 0;display:flex;flex-direction:column;gap:16px;align-items:center;max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .35s ease;z-index:9998}.mobile-menu.open{max-height:320px;opacity:1}.mobile-menu a{color:#fff;font-size:1.05rem;padding:6px 0;text-align:center}@media (max-width:1100px){.nav-links{display:none}.hamburger{display:flex!important}.home-navbar{padding:0 20px}}@media (max-width:768px){.nav-button{display:none}.home-navbar{height:64px;padding:0 16px}.mobile-menu{top:64px}}.homepage{text-align:center;padding-top:120px!important}.hero h1{font-size:2.6rem}.hero-subtext{max-width:700px;margin:0 auto 30px}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-width:900px;margin:auto;grid-gap:24px;gap:24px}.step{background:var(--card-bg);padding:24px;border-radius:12px;box-shadow:0 6px 16px rgba(0,0,0,.2)}.home-navbar .nav-button{margin-top:0!important;margin-bottom:0!important;align-self:center!important;display:flex}@media (max-width:800px){.steps{grid-template-columns:1fr!important;max-width:100%!important;padding:0 10px!important;gap:20px!important}}@media (max-width:768px){.home-navbar .nav-button{display:none!important}}.home-navbar .nav-left{justify-content:flex-start!important;text-align:left!important;flex:0 1 auto!important}.home-navbar .nav-logo{text-align:left!important;margin-right:0!important}.home-navbar .nav-right{margin-left:auto!important}@media (max-width:768px){.home-navbar{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important}.nav-left{flex:0 1 auto!important;justify-content:flex-start!important}.nav-left,.nav-logo{text-align:left!important}.nav-logo{margin:0!important}.nav-right{margin-left:auto!important}.hamburger,.nav-right{display:flex!important;align-items:center!important}.hamburger{justify-content:center!important}}.home-navbar{padding:0 40px}