.container,body{display:flex;width:100%}.logo-text,body,h1{color:var(--dark)}.feature,.logo{transition:transform .3s}.countdown-number,h1 .highlight{-webkit-text-fill-color:transparent}:root{--primary:#FF96A6;--secondary:#8FE4D0;--accent:#FFD88B;--purple:#D6B5FF;--dark:#2C3E50;--light:#F7F9FC;--white:#FFFFFF;--shadow:0 4px 12px rgba(0, 0, 0, 0.1);--error:#FF5252;--success:#276749;--text-primary:#2C3E50;--text-secondary:#4A5568;--text-light:#718096}*{margin:0;padding:0;box-sizing:border-box}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.logo,h1{margin-bottom:1.5rem}body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,var(--light) 0,#e6f4f1 100%);min-height:100vh;align-items:center;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:20px 0}.container{max-width:1200px;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:1}.content-wrapper,.logo{display:flex;align-items:center}.bg-elements{position:fixed;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:-1}.bg-circle{position:absolute;border-radius:50%;opacity:.6}.app-content,.form-button,.phone-frame,.phone-mockup,.phone-screen,.screen-content,.visual-container{position:relative}.bg-circle-1{background:var(--purple);width:300px;height:300px;bottom:-150px;left:-100px;animation:8s ease-in-out infinite float}.bg-circle-2{background:var(--accent);width:200px;height:200px;top:-100px;right:10%;animation:12s ease-in-out infinite float}.bg-circle-3{background:var(--secondary);width:150px;height:150px;bottom:15%;right:-50px;animation:10s ease-in-out infinite float}.bg-circle-4{background:var(--primary);width:100px;height:100px;top:20%;left:15%;animation:9s ease-in-out 1s infinite float}.content-wrapper{max-width:1200px;width:100%;justify-content:space-between}.text-container{flex:1;max-width:600px;padding-right:2rem}.logo{padding:8px 16px;border-radius:12px;background-color:var(--light);width:fit-content}.feature,.logo-text-wrapper,.stop{align-items:center;display:flex}.logo:hover{transform:scale(1.05)}.logo-image{width:80px;height:80px;margin-right:12px}.logo-text{font-size:24px;font-weight:700;letter-spacing:.5px}h1{font-size:2.8rem;line-height:1.2}h1 .highlight{color:var(--primary);display:inline;background:linear-gradient(90deg,var(--purple) 0,var(--primary) 100%);-webkit-background-clip:text;background-clip:text}.tagline{font-size:1.2rem;margin-bottom:2rem;line-height:1.6}.features{display:flex;margin-bottom:2.5rem}.feature{margin-right:2rem;margin-bottom:.5rem}.feature:hover,.route-card:hover{transform:translateY(-5px)}.feature-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:10px;box-shadow:var(--shadow);font-size:1.2rem}.feature:first-child .feature-icon{background:var(--purple);color:#fff}.feature:nth-child(2) .feature-icon{background:var(--accent);color:#fff}.feature:nth-child(3) .feature-icon{background:var(--secondary);color:#fff}.feature-text{font-weight:500}.newsletter{background:var(--white);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow);width:100%;transition:transform .3s,box-shadow .3s}.newsletter:hover{box-shadow:0 8px 24px rgba(0,0,0,.15)}.newsletter h3{margin-bottom:1rem;font-size:1.3rem}.form-group{display:flex;margin-bottom:1rem}.form-input{flex:1;padding:.8rem 1.2rem;border:1px solid #e0e0e0;border-radius:8px 0 0 8px;font-size:1rem;font-family:inherit;transition:border-color .3s,box-shadow .3s}.form-input::placeholder{color:#aaa}.form-input:focus{outline:0;border-color:var(--secondary);box-shadow:0 0 0 3px rgba(143,228,208,.25)}.form-input.error{border-color:var(--error);box-shadow:0 0 0 3px rgba(255,82,82,.25)}.form-input.valid{border-color:var(--secondary);box-shadow:0 0 0 3px rgba(143,228,208,.25)}.validation-message{color:var(--error)}.form-button{background:linear-gradient(90deg,var(--secondary) 0,var(--primary) 100%);color:var(--white);border:none;padding:.8rem 1.5rem;border-radius:0 8px 8px 0;font-weight:600;cursor:pointer;transition:.3s;overflow:hidden}.form-button:hover{background:linear-gradient(90deg,var(--primary) 0,var(--secondary) 100%);transform:translateY(-2px)}.form-button:active{transform:translateY(0)}.form-button::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translateX(-100%)}.map-route::after,.map-route::before{left:-4px;width:10px;height:10px;content:''}.map-route::before,.stop:first-child .stop-dot{background:var(--purple)}.form-button:hover::after{animation:1.5s infinite shimmer}@keyframes shimmer{100%{transform:translateX(100%)}}.privacy-text{font-size:.8rem;color:#777}.countdown{display:flex;justify-content:center;margin-top:1rem}.countdown-item{text-align:center;margin:0 .8rem}.countdown-number{font-size:1.8rem;font-weight:700;background:linear-gradient(90deg,var(--purple) 0,var(--primary) 100%);-webkit-background-clip:text;background-clip:text}.countdown-label{font-size:.8rem;text-transform:uppercase;color:#777}.success-message{display:none;background:#e3f9e5;color:var(--success);padding:1rem;border-radius:8px;margin-top:1rem;text-align:center;font-weight:500;opacity:0;transition:opacity .5s}.app-header-logo span,.route-title{font-weight:600;color:var(--dark)}.visual-container{flex:1;display:flex;align-items:center;justify-content:center}.phone-mockup{width:100%;max-width:300px;z-index:2;margin:0 auto;transition:transform .5s}.phone-mockup:hover{transform:translateY(-10px) rotate(-2deg)}.phone-frame{width:300px;height:600px;background:var(--dark);border-radius:40px;padding:15px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.app-mockup,.phone-screen,.screen-content{width:100%;height:100%}.phone-screen{background:#fff;border-radius:30px;overflow:hidden}.app-mockup{display:flex;flex-direction:column}.app-header{height:60px;background:#fff;display:flex;align-items:center;padding:0 15px;box-shadow:0 2px 10px rgba(0,0,0,.05);z-index:1}.app-header-logo span{font-size:14px}.mini-logo-image{width:25px;height:25px;margin-right:8px}.app-map,.map-grid{left:0;width:100%;height:100%;top:0}.app-content{flex:1;overflow:hidden}.app-map,.map-grid,.map-route{position:absolute}.app-map{background:linear-gradient(135deg,#f5f7fa 0,#eef1f5 100%)}.map-grid{background-image:linear-gradient(to right,rgba(214,181,255,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(214,181,255,.1) 1px,transparent 1px);background-size:20px 20px}.map-route{top:25%;left:15%;height:60%;width:2px;background:linear-gradient(to bottom,var(--purple),var(--primary));border-radius:2px}.map-point,.map-route::after,.map-route::before{border-radius:50%;position:absolute}.map-route::before{top:0}.map-route::after{bottom:0;background:var(--primary)}.map-point,.stop:nth-child(2) .stop-dot{background:var(--accent)}.map-point{width:12px;height:12px;top:50%;left:-5px;box-shadow:0 0 0 5px rgba(255,216,139,.2);animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,216,139,.5)}70%{box-shadow:0 0 0 10px rgba(255,216,139,0)}100%{box-shadow:0 0 0 0 rgba(255,216,139,0)}}.route-card{position:absolute;bottom:20px;left:15px;right:15px;background:#fff;border-radius:15px;padding:15px;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:transform .3s}.route-header{display:flex;justify-content:space-between;margin-bottom:15px}.route-time{font-weight:500;color:var(--primary)}.route-stops{display:flex;flex-direction:column;gap:12px;position:relative}.route-line{position:absolute;left:5px;top:16px;width:2px;height:calc(100% - 32px);background:linear-gradient(to bottom,var(--purple),var(--secondary));z-index:0}.stop-dot{width:10px;height:10px;border-radius:50%;margin-right:10px}.stop:nth-child(3) .stop-dot{background:var(--secondary)}.stop-text{font-size:.85rem;color:var(--dark)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.countdown-item{position:relative}.countdown-item::after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--purple) 0,var(--primary) 100%);border-radius:3px;transform-origin:left;animation:60s linear infinite countdown-progress}@keyframes countdown-progress{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}@media (max-width:1024px){.content-wrapper{flex-direction:column;justify-content:center}.text-container{padding-right:0;margin-bottom:3rem;text-align:center;max-width:100%}.logo{margin-left:auto;margin-right:auto}.features{justify-content:center;flex-wrap:wrap}.visual-container{margin-bottom:2rem}body{padding:30px 0}}@media (max-width:768px){.container{padding:1.5rem}h1{font-size:2.2rem}.tagline{font-size:1rem}.features{flex-direction:column;align-items:center}.feature{margin-right:0;margin-bottom:1rem}.countdown-item{margin:0 .5rem}.countdown-number{font-size:1.5rem}body{padding:40px 0}}@media (max-width:480px){.logo,h1{font-size:1.8rem}h1{margin-top:1rem}.form-group{flex-direction:column}.form-button,.form-input{width:100%;border-radius:8px}.form-input{margin-bottom:1rem}.newsletter{width:100%}body{padding:50px 0}.phone-frame{width:260px;height:520px}}.form-input.error{border-color:var(--error);box-shadow:0 0 0 3px rgba(255,82,82,.15);animation:.3s shake}.form-input.valid{border-color:var(--success);box-shadow:0 0 0 3px rgba(39,103,73,.15);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23276749" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:36px}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.validation-message{font-size:.85rem;min-height:1.2rem;margin-bottom:.5rem;transition:.3s;display:flex;align-items:center}.validation-message.error{color:var(--error);animation:.3s fadeIn}.security-icon{margin-right:5px}@keyframes fadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}:focus{outline:2px solid var(--primary);outline-offset:2px}.using-keyboard :focus{outline:3px solid var(--accent);outline-offset:3px}