*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}:root{--primary:#212124;--secondary:rgba(15,25,55,0.9);--accent:#ef3124;--dark:#004445;--light:#f5f5f5}body{color:#333;overflow-x:hidden;overflow-y:auto;height:100dvh !important;height:100vh;width:100vw}#app{position:relative;height:100dvh !important;height:100vh;width:100vw;transition:transform .5s ease;overflow-x:hidden;overflow-y:auto}#screensContainer{position:relative;height:1400dvh !important;height:1400vh;width:100vw;transition:transform .5s ease;overflow-y:auto;overflow-x:hidden;display:none;z-index:5;background:transparent}#screensContainer--wrp{display:block;content:'';position:fixed;top:0;left:0;width:100vw;height:100dvh;height:100vh;background:transparent url('/images/bg.jpg') 50% 50% no-repeat;background-size:cover;z-index:4}.step{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;opacity:0;transform:translateX(100%);transition:opacity .5s ease,transform .5s ease;z-index:10;background:linear-gradient(rgba(255,255,255,0.8), rgba(1,7,7,0.5)),url('/images/welcome1.jpg') no-repeat center center;background-size:cover}.step.active{opacity:1;transform:translateX(0);z-index:20}#step1{background:transparent url('/images/section1-bg.jpg') 50% 50% no-repeat;background-size:cover}#step1 .cover-content{max-width:800px;padding:20px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#step1 .btn{margin:auto}.step1-title{max-width:400px;width:100%;height:auto;margin-bottom:auto}.step1-promo{max-width:200px;width:100%;height:auto}.step1-logo{max-width:1000px;width:100%;height:auto;margin-top:auto}.step1-text__block{color:#ffffff}.step1-text__item{font-size:18px;display:flex;align-items:center;margin-bottom:20px}@media (max-width:768px){.step1-text__item{font-size:12px;margin-bottom:10px}}.step1-text__item:nth-child(1){margin-bottom:40px}@media (max-width:768px){.step1-text__item:nth-child(1){margin-bottom:20px}}.step1-text__item .step1-icon{width:35px}@media (max-width:768px){.step1-text__item .step1-icon{width:30px}}.step1-text__item span{margin-left:20px}.cover-content{max-width:800px;padding:20px}.cover-content h1{font-size:3.5rem;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,0.3)}.cover-content p{font-size:1.2rem;margin-bottom:40px;line-height:1.6}.btn{background-color:#303773;color:white;border:none;padding:15px 40px;font-size:1.2rem;border-radius:50px;cursor:pointer;transition:all .3s ease;font-weight:bold;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px rgba(0,0,0,0.2)}.btn:hover{background-color:#e32a17;transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.25)}.form-container{width:100%;max-width:600px;background-color:white;padding:30px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.1);overflow-y:auto}.form-header{text-align:center;margin-bottom:30px}.form-header h2{color:var(--dark);font-size:2rem;margin-bottom:10px}.form-header p{color:#666}.progress-bar{display:flex;justify-content:space-between;margin-bottom:30px;position:relative}.progress-bar::before{content:"";position:absolute;top:50%;left:0;right:0;height:4px;background-color:#e0e0e0;transform:translateY(-50%);z-index:1}.progress-step{width:35px;height:35px;border-radius:50%;background-color:#e0e0e0;display:flex;justify-content:center;align-items:center;position:relative;z-index:2;font-weight:bold;color:#666}.progress-step.active{background-color:var(--secondary);color:white}.progress-step.completed{color:white}.row{display:flex;gap:20px}.form-group{margin-bottom:20px;width:100%}.form-group label{display:block;margin-bottom:8px;font-weight:600;font-size:12px;color:#444}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--secondary);outline:none}.gender-group{display:flex;gap:15px}.gender-option{flex:1;text-align:center;padding:15px;border:2px solid #ddd;border-radius:8px;cursor:pointer;transition:all .3s}.gender-option.selected{border-color:var(--secondary);background-color:rgba(111,185,143,0.1)}.gender-option i{font-size:1.5rem;margin-bottom:10px;display:block;color:#666}.gender-option.selected i{color:var(--secondary)}.btn-container{display:flex;justify-content:space-between;margin-top:30px}.btn-secondary{background-color:#ddd;color:#333}.btn-secondary:hover{background-color:#ccc}.info-screen-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--light);animation:myAnimFadeIn 2s ease 0s 1 normal forwards;overflow:auto}.info-screen{height:100dvh !important;height:100vh;width:100vw;position:relative;z-index:20}.info-screen.active{display:block}.info-content{max-width:1000px;margin:0 auto;background:white;border-radius:15px;padding:30px;box-shadow:0 5px 20px rgba(0,0,0,0.05)}.info-content h2{color:var(--dark);margin-bottom:20px;font-size:2.2rem;text-align:center}.info-section{margin-bottom:30px}.info-section h3{color:var(--primary);margin-bottom:15px;font-size:1.5rem}.info-section p{line-height:1.7;margin-bottom:15px;color:#444}.info-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:20px;margin-top:20px}.info-card{background:linear-gradient(to bottom right, rgba(44,120,115,0.05), white);border:1px solid #e0e0e0;border-radius:10px;padding:20px;transition:transform .3s}.info-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,0.1)}.info-card h4{color:var(--dark);margin-bottom:10px;font-size:1.2rem}.info-card ul{padding-left:20px}.info-card li{margin-bottom:8px;color:#555}.weather-icon{font-size:3rem;text-align:center;color:var(--secondary);margin:20px 0}header{position:fixed;top:0;left:0;width:100%;z-index:100;display:none;padding:15px 20px}.header-container{margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:bold;color:var(--dark)}.logo span{color:var(--accent)}.burger-menu{width:40px;height:30px;position:relative;cursor:pointer;z-index:101;margin-left:auto}.burger-menu span{position:absolute;height:4px;width:100%;background-color:var(--light);border-radius:2px;transition:all .3s}.burger-menu span:first-child{top:0}.burger-menu span:nth-child(2){top:13px}.burger-menu span:last-child{top:26px}.burger-menu.active span:first-child{transform:rotate(45deg) translate(5px, 13px);background-color:var(--dark)}.burger-menu.active span:nth-child(2){opacity:0}.burger-menu.active span:last-child{transform:rotate(-45deg) translate(5px, -13px);background-color:var(--dark)}.nav-menu{position:fixed;top:0;right:-300px;width:280px;height:100%;background-color:white;box-shadow:-5px 0 20px rgba(0,0,0,0.1);transition:right .3s ease;z-index:99;padding:80px 20px 20px;overflow-y:auto}.nav-menu.active{right:0}.nav-menu ul{list-style:none}.nav-menu li{margin-bottom:0;font-size:12px}.nav-menu a{display:block;padding:12px 15px;text-decoration:none;color:#333;font-weight:600;border-radius:8px;transition:all .3s}.nav-menu a:hover{background-color:rgba(111,185,143,0.1);color:var(--primary)}.nav-menu a.active{background-color:var(--secondary);color:white}#info-screen1{background:transparent no-repeat center center;background-image:url('/images/planb/bg1.jpg');background-size:contain}#info-screen2{background:transparent url('/images/planb/bg2.jpg') no-repeat center center;background-size:contain}#info-screen3{background:transparent url('/images/planb/bg3.jpg') no-repeat center center;background-size:contain}#info-screen4{background:transparent url('/images/planb/bg4.jpg') no-repeat center center;background-size:contain}#info-screen5{background:transparent url('/images/planb/bg5.jpg') no-repeat center center;background-size:contain}.click-area,.click-area2{position:absolute;z-index:2;cursor:pointer;border-radius:4px;transition:background-color .3s}#info-screen6{background:transparent url('/images/planb/bg6.jpg') no-repeat center center;background-size:contain}#info-screen7{background:transparent url('/images/planb/bg7.jpg') no-repeat center center;background-size:contain}#info-screen8{background:transparent url('/images/planb/bg8.jpg') no-repeat center center;background-size:contain}#info-screen9{background:transparent url('/images/planb/bg9.jpg') no-repeat center center;background-size:contain}#info-screen10{background:transparent url('/images/planb/bg10.jpg') no-repeat center center;background-size:contain}#info-screen11{background:transparent url('/images/planb/bg11.jpg') no-repeat center center;background-size:contain}#info-screen12{background:transparent url('/images/planb/bg12.jpg') no-repeat center center;background-size:contain}#info-screen13{background:transparent url('/images/planb/bg13.jpg') no-repeat center center;background-size:contain}#info-screen14{background:transparent url('/images/planb/bg14.jpg') no-repeat center center;background-size:contain}#info-screen15{background:transparent url('/images/planb/bg15.jpg') no-repeat center center;background-size:contain}@media (max-width:768px){.cover-content h1{font-size:2.5rem}.cover-content p{font-size:1rem}.form-container{padding:20px;overflow-y:auto}.btn{padding:12px 30px;font-size:1rem}.info-content{padding:20px}.info-content h2{font-size:1.8rem}.gender-group{flex-direction:column}.burger-menu span{background-color:var(--light)}}@media (max-width:480px){.cover-content h1{font-size:2rem}.progress-step{width:28px;height:28px;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:12px}.btn-container{flex-direction:column-reverse;gap:10px}.btn{width:100%}}@keyframes myAnimFadeIn{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@keyframes myAnimFadeOut{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.6)}}