.loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--loader-bg,#0a0a0a);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity 0.5s,visibility 0.5s}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #1a73e8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.btn{position:relative;overflow:hidden}.btn .ripple{position:absolute;background:rgba(255,255,255,0.5);border-radius:50%;transform:scale(0);animation:ripple 0.6s linear;pointer-events:none}@keyframes blink{from,to{opacity:1}50%{opacity:0}}@keyframes ripple{to{transform:scale(4);opacity:0}}:root{--primary-color:#2563eb;--secondary-color:#1e40af;--accent-color:#f59e0b;--text-color:#1f2937;--light-text:#f9fafb;--gray-100:#0f172a;--gray-200:#111827;--gray-300:#1f2937;--shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--main-blue:#0074d9;--main-blue-light:#4383c7;--main-blue-dark:#005fa3;--main-bg:#0a0a0a;--card-bg:rgba(255,255,255,0.03);--body-bg:var(--main-bg);--loader-bg:var(--main-bg);--border-radius:1.2rem;--transition:0.3s cubic-bezier(.4,0,.2,1)}*{margin:0;padding:0;box-sizing:border-box;cursor:pointer}::-webkit-scrollbar{display:none}html{scrollbar-width:none}html{scroll-behavior:smooth}body{font-family:'Montserrat',sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--body-bg,#ffffff)}a{text-decoration:none;color:inherit}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:1rem 2.5rem;border-radius:50px;font-weight:600;text-decoration:none;transition:all 0.3s ease;border:2px solid transparent;cursor:pointer;font-size:1.1rem;text-align:center;width:100%;max-width:280px;box-shadow:0 4px 15px rgba(0,0,0,0.2)}.btn-primary{background-color:var(--primary-color);color:white}.btn-primary:hover{background-color:var(--secondary-color);transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn-secondary:hover{background-color:var(--primary-color);color:white;transform:translateY(-2px)}.btn-outline{border:2px solid var(--primary-color);color:var(--primary-color);background:transparent}.btn-outline:hover{background:var(--primary-color);color:white}.calc-btn{display:block;margin:2.2rem auto 0 auto;width:fit-content;background:linear-gradient(135deg,#2d9cff,#ff38a0);color:#0b1220;border:none;border-radius:999px;padding:.85rem 1.2rem;font-size:1rem;font-weight:900;cursor:pointer;text-align:center;box-shadow:0 6px 24px rgba(45,156,255,.35),inset 0 0 14px rgba(255,255,255,.2);transition:transform .25s ease,box-shadow .25s ease,filter .25s ease,background .2s ease}.calc-btn i{font-size:1.1em;margin-right:0.5em}.calc-btn:hover,.calc-btn.active{background:linear-gradient(90deg,#005fa3,#0074d9);color:#fff;box-shadow:0 10px 34px rgba(45,156,255,.45);transform:translateY(-2px);filter:saturate(1.1)}.header{background:linear-gradient(180deg,rgba(10,19,32,0.92),rgba(8,14,24,0.88));box-shadow:0 2px 8px rgba(0,0,0,0.1);padding:0.5rem 0;position:relative;width:100%}.header-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 2rem}.logo{height:40px;margin:0}.logo img{height:100%;border-radius:6px;display:block}.nav-menu{display:flex;align-items:center;gap:2rem;list-style:none;padding:0;margin:0}.nav-menu>li>a{color:#005fa3;text-decoration:none;font-weight:600;padding:0.3rem 0.8rem;border-radius:16px;transition:all 0.3s ease;font-size:0.95rem}.nav-menu>li>a:hover{background:#e6f0fa;color:#0074d9}.dropdown{position:relative}.dropdown>a:after{content:"▼";font-size:0.8em;margin-left:0.5rem}.dropdown-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:rgba(8,14,24,0.92);border:1px solid rgba(36,255,217,0.18);border-radius:8px;padding:0.5rem 0;box-shadow:0 22px 48px rgba(0,0,0,0.55);min-width:200px;z-index:100}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu li{list-style:none}.dropdown-menu a{display:block;padding:0.5rem 1rem;color:#eafcff;text-decoration:none;transition:all 0.3s ease}.dropdown-menu a:hover{background:rgba(36,255,217,0.14);color:#ffffff}.header-icons{display:flex;gap:1rem}.header-icon{color:#005fa3;font-size:1.2rem;position:relative;text-decoration:none;transition:color 0.3s ease}.calc-count{position:absolute;top:-8px;right:-8px;background:#0074d9;color:white;font-size:0.7rem;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.typewriter{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:100%;margin:0 auto;text-align:center;min-height:200px;padding:0 1rem;box-sizing:border-box;border:none !important;outline:none !important;box-shadow:none !important;text-decoration:none !important;overflow-wrap:break-word;word-break:break-word}.typewriter-line{font-weight:800;line-height:1.3;margin:0.5rem 0;text-shadow:2px 2px 4px rgba(0,0,0,0.3);white-space:pre-wrap;overflow:hidden;width:100%;word-wrap:break-word;word-break:keep-all;text-align:center;padding:0 10px;min-height:1.5em;display:flex;justify-content:center;border:none !important;border-bottom:none !important;outline:none !important;box-shadow:none !important;text-decoration:none !important;background-image:none !important}.typewriter-line:first-child{font-size:4.5rem;margin:0 auto 1.5rem auto;text-align:center;width:100%;line-height:1.2;padding:0 1rem;box-sizing:border-box;white-space:normal;word-wrap:break-word;max-width:1200px;border:none !important;border-bottom:none !important;outline:none !important;box-shadow:none !important;text-decoration:none !important;background-image:none !important}.typewriter-line:last-child{font-size:2.5rem;margin:1rem auto 0 auto;text-align:center;width:100%;max-width:1000px;border:none !important;border-bottom:none !important;outline:none !important;box-shadow:none !important;text-decoration:none !important;background-image:none !important;padding:0 1rem;box-sizing:border-box}@media(max-width:1200px){.typewriter-line:first-child{font-size:4rem}.typewriter-line:last-child{font-size:2.2rem}}@media(max-width:992px){.typewriter-line:first-child{font-size:3.5rem}.typewriter-line:last-child{font-size:2rem}}@media(max-width:768px){.typewriter-line:first-child{font-size:2.8rem;padding:0 0.5rem}.typewriter-line:last-child{font-size:1.8rem;padding:0 0.5rem}.hero-content{padding:0 0.5rem}}@media(max-width:480px){.typewriter-line:first-child{font-size:2.2rem}.typewriter-line:last-child{font-size:1.5rem}}.typewriter-line:first-child{animation-delay:0.5s}.typewriter-line:last-child{animation-delay:4s;animation-fill-mode:forwards}.cursor{display:inline-block;width:3px;height:1em;background-color:#fff;margin-left:2px;vertical-align:middle;opacity:0;transition:opacity 0.3s ease;animation:blink 0.75s step-end infinite;position:relative;top:-1px;border:none !important;outline:none !important;box-shadow:none !important}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:#fff}}.hero-description{font-size:1.5rem;margin:2rem 0;opacity:0;animation:fadeIn 1s ease-out 7s forwards}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.road-timeline-section{padding:100px 0;background-color:#f9f9f9;position:relative;overflow:hidden}.road-timeline-container{position:relative;width:100%;max-width:100%;margin:0;padding:0 5%;box-sizing:border-box;margin-bottom:100px}.road-container{position:relative;width:100%;min-width:100%;height:700px;margin:0 auto;padding-top:50px;transform:scale(1.2);transform-origin:top center}.road-path{position:relative;width:100%;height:100%;overflow:visible;margin:0;padding:0}.road-svg{width:100%;height:100%;overflow:visible}.road-line{filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1));transition:all 0.3s ease;stroke:#888;stroke-width:16px}.road-line::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(to right,#fff,#fff 20px,transparent 20px,transparent 40px);z-index:1}.marker-container{cursor:pointer;transform:translateZ(0)}.road-marker{transition:all 0.3s ease;filter:drop-shadow(0 4px 6px rgba(0,0,0,0.3));transform-box:fill-box;transform-origin:center;r:18px}.marker-text{font-size:16px;font-weight:bold;fill:white;font-family:'Montserrat',sans-serif;pointer-events:none;user-select:none;text-anchor:middle;dominant-baseline:middle}.marker-container{transform-box:fill-box;transform-origin:center}.marker-container:hover .road-marker{filter:drop-shadow(0 0 8px rgba(26,115,232,0.7));r:14px}.marker-container:hover .marker-text{font-size:13px;font-weight:900}.highway-sign-container{position:absolute;top:-50px;left:0;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;z-index:100}.highway-sign{display:none;background-color:#0052B4;color:white;border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,0.3);border:4px solid white;min-width:500px;max-width:800px;transform:translateY(-20px);opacity:0;transition:all 0.4s ease;pointer-events:none;position:relative}.highway-sign::before,.highway-sign::after{content:'';position:absolute;top:100%;width:20px;height:160px;background-color:#888;border-radius:4px;z-index:-1}.highway-sign::before{left:30%;transform:translateX(-50%)}.highway-sign::after{right:30%;transform:translateX(50%)}.highway-sign.visible{display:block;opacity:1;transform:translateY(0)}.sign-content{padding:20px 30px;text-align:left;display:flex;align-items:center;justify-content:space-between}.sign-milestone{font-family:'Montserrat',sans-serif;font-size:32px;font-weight:800;margin-right:20px;text-shadow:0 1px 2px rgba(0,0,0,0.2)}.sign-description{font-family:'Montserrat',sans-serif;font-size:28px;font-weight:500;line-height:1.4;margin-right:20px;flex-grow:1}.sign-arrow{display:flex;align-items:center;justify-content:center;margin-left:20px}.sign-arrow svg{width:40px;height:40px}.distance-sign{display:none;background-color:#0052B4;color:white;border-radius:8px;border:4px solid white;padding:8px 20px;margin:0 auto;margin-top:4px;box-shadow:0 8px 30px rgba(0,0,0,0.3);min-width:100px;text-align:center;transform:translateY(-20px);opacity:0;transition:all 0.4s ease;transition-delay:0.1s;position:relative;z-index:10}.highway-sign.visible~.distance-sign{display:block;opacity:1;transform:translateY(0)}.distance-text{font-family:'Montserrat',sans-serif;font-size:24px;font-weight:700}.marker-container:hover~.highway-sign-container .highway-sign{display:block;opacity:1;transform:translateY(0)}.milestone-data{display:none}.info-rect{fill:white;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.15));stroke:#e0e9ff;stroke-width:2;transition:all 0.3s ease}.info-title,.info-desc{font-family:'Montserrat',sans-serif;text-anchor:start;dominant-baseline:middle;opacity:0.9;transition:all 0.3s ease;white-space:nowrap;overflow:visible}.info-title{font-size:14px;font-weight:700;fill:#1a73e8;text-shadow:0 0 3px rgba(255,255,255,0.8)}.info-desc{font-size:12px;fill:#555;text-overflow:ellipsis;max-width:100%;display:inline-block;overflow:hidden}.marker-container:last-child .info-panel{transform:translateX(-260px)}.marker-container:last-child:hover .info-panel{transform:translateX(-260px)}@keyframes fadeInRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.marker-container:hover .info-panel{animation:fadeInRight 0.3s ease-out forwards}@media(max-width:768px){.info-panel{transform:translateX(0)translateY(30px)!important}.marker-container:hover .info-panel{transform:translateX(0)translateY(30px)!important}.marker-container:last-child .info-panel,.marker-container:last-child:hover .info-panel{transform:translateX(0)translateY(30px)!important}}@keyframes pulse{0%{filter:drop-shadow(0 0 5px rgba(26,115,232,0.5))}50%{filter:drop-shadow(0 0 15px rgba(26,115,232,0.9))}100%{filter:drop-shadow(0 0 5px rgba(26,115,232,0.5))}}.marker-container:hover .road-marker{animation:pulse 1.5s infinite}@media(max-width:992px){.road-path{height:450px}.stop-content{width:160px !important}}@media(max-width:768px){.road-path{height:500px}.stop-content{width:140px !important;padding:10px}.stop-content h4{font-size:14px;margin-bottom:5px}.stop-content p{font-size:12px}}@media(max-width:576px){.road-path{height:550px}.stop-content{width:120px !important;padding:8px}.stop-content h4{font-size:13px}.stop-content p{font-size:11px}}.intro-section{padding:6rem 0;background:var(--card-bg);position:relative;overflow:hidden}.intro-content{display:flex;align-items:center;gap:4rem;max-width:1300px;margin:0 auto}.intro-text{flex:1}.intro-text h2{font-size:2.8rem;color:#2c3e50;margin-bottom:1.5rem;position:relative;display:inline-block}.intro-text h2::after{content:none !important}.intro-text .lead{font-size:1.4rem;color:#4a5568;margin-bottom:3rem;font-weight:400;line-height:1.6}.highlight-box{margin:3rem 0}.highlight-item{display:flex;align-items:flex-start;margin-bottom:2rem;background:rgba(255,255,255,0.03);border:1px solid var(--card-border);padding:1.5rem;border-radius:10px;transition:all 0.3s ease;border-left:4px solid #3498db}.highlight-item:hover{transform:translateX(10px);box-shadow:0 10px 30px rgba(0,0,0,0.1)}.highlight-icon{width:50px;height:50px;background:linear-gradient(135deg,#3498db,#2c3e50);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1.5rem;flex-shrink:0;color:white;font-size:1.2rem;box-shadow:0 5px 15px rgba(52,152,219,0.3)}.highlight-text h3{font-size:1.3rem;color:#2c3e50;margin-bottom:0.5rem}.highlight-text p{color:#6b7280;line-height:1.6;margin:0}.cta-box{background:#f0f7ff;padding:2rem;border-radius:10px;text-align:center;margin-top:3rem;border:1px solid #e0f2fe}.cta-box p{font-size:1.2rem;color:#2c3e50;margin-bottom:1.5rem}.intro-image{flex:1;position:relative}.image-container{position:relative;border-radius:15px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.1)}.main-image{width:100%;height:auto;display:block;transition:transform 0.5s ease}.image-container:hover .main-image{transform:scale(1.03)}.floating-badge{position:absolute;bottom:-20px;right:30px;background:#3498db;color:white;padding:1rem 1.5rem;border-radius:30px;display:flex;align-items:center;gap:0.8rem;font-weight:500;box-shadow:0 10px 30px rgba(52,152,219,0.4);animation:float 3s ease-in-out infinite}.floating-badge i{font-size:1.5rem}@keyframes float{0%{transform:translateY(0px)}50%{transform:translateY(-10px)}100%{transform:translateY(0px)}}@media(max-width:1200px){.intro-content{flex-direction:column;text-align:center}.intro-text h2::after{left:50%;transform:translateX(-50%)}.highlight-item{flex-direction:column;align-items:center;text-align:center}.highlight-icon{margin:0 0 1rem 0}.intro-image{margin-top:3rem;max-width:600px;width:100%;margin-left:auto;margin-right:auto}.floating-badge{right:50%;transform:translateX(50%);bottom:-25px}}@media(max-width:768px){.intro-section{padding:4rem 1rem}.intro-text h2{font-size:2.2rem}.intro-text .lead{font-size:1.2rem}.highlight-item{padding:1.2rem}.highlight-text h3{font-size:1.2rem}.floating-badge{padding:0.8rem 1.2rem;font-size:0.9rem}.floating-badge i{font-size:1.2rem}}.hero{min-height:100vh;height:auto;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;color:white;padding:2rem 1rem;box-sizing:border-box;width:100%;margin:0}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('../images/mother1.webp')no-repeat center center/cover;z-index:-2}.hero::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:-1}.hero-content{max-width:700px;width:92vw;padding:4vw 2vw 2vw 2vw;margin:0 auto;box-sizing:border-box;text-align:center;word-break:break-word}.hero h1{font-size:3.5rem;margin-bottom:1.5rem;line-height:1.2;animation:fadeInUp 1s ease;border:none !important;outline:none !important;box-shadow:none !important;text-decoration:none !important}.hero p{font-size:1.25rem;margin-bottom:2.5rem;opacity:0.9;animation:fadeInUp 1s ease 0.2s;animation-fill-mode:both}.cta-buttons{display:flex;justify-content:center;margin:3rem auto 0;width:100%;max-width:300px}.courses{padding:6rem 2rem;background-color:var(--card-bg);position:relative}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.5rem;color:#2c3e50;margin-bottom:1rem;position:relative;display:inline-block}.underline-gradient{position:relative;display:inline-block}.underline-gradient::after{content:'' !important;position:absolute;left:50%;transform:translateX(-50%);bottom:-12px;width:clamp(140px,30vw,420px);height:4px;border-radius:3px;background:linear-gradient(90deg,rgba(36,255,217,0)0%,#24ffd9 12%,#00d2ff 28%,#ff38a0 48%,#7a3cff 68%,#24ffd9 84%,rgba(122,60,255,0)100%);background-size:800% 100%;background-position:0% 50%;animation:gradientFlow 5s linear infinite;box-shadow:0 0 18px rgba(36,255,217,.55),0 0 26px rgba(122,60,255,.45);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 14%,black 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,black 14%,black 86%,transparent 100%)}.underline-gradient{padding-bottom:18px}@keyframes gradientFlow{0%{background-position:0% 50%}100%{background-position:100% 50%}}.section-subtitle{font-size:1.1rem;color:#6b7280;max-width:700px;margin:0 auto;line-height:1.6}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.course-card{background:rgba(255,255,255,0.03);border:1px solid var(--card-border);border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:all 0.3s ease;position:relative;display:flex;flex-direction:column}.course-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,0.1)}.course-card.featured{border:2px solid #3498db}.popular-tag{position:absolute;top:15px;right:15px;background:#3498db;color:white;padding:0.5rem 1rem;border-radius:20px;font-size:0.85rem;font-weight:600;z-index:2;box-shadow:0 5px 15px rgba(52,152,219,0.3)}.course-image{position:relative;height:200px;overflow:hidden;background:#f0f4f8;display:flex;align-items:center;justify-content:center}.course-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.course-card:hover .course-image img{transform:scale(1.05)}.course-badge{position:absolute;top:20px;left:20px;width:50px;height:50px;background:#3498db;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 5px 15px rgba(0,0,0,0.2);z-index:2}.course-content{padding:1.8rem;flex:1;display:flex;flex-direction:column}.course-content h3{font-size:1.5rem;color:#2c3e50;margin-bottom:1rem}.course-content>p{color:#6b7280;margin-bottom:1.5rem;line-height:1.6;flex:1}.course-features{margin:1.5rem 0;padding:0;list-style:none}.course-features li{margin-bottom:0.8rem;color:#4b5563;display:flex;align-items:flex-start;font-size:0.95rem}.course-features i{color:#10b981;margin-right:0.7rem;margin-top:0.2rem;font-size:1.1rem}.course-cta{display:flex;gap:1rem;margin-top:auto}.course-cta .btn{flex:1;text-align:center;padding:0.8rem 1rem;font-size:0.95rem}.course-info{text-align:center;background:#f0f7ff;padding:1.2rem;border-radius:8px;max-width:900px;margin:0 auto;border-left:4px solid #3498db}.course-info p{margin:0;color:#2c3e50;display:flex;align-items:center;justify-content:center;gap:0.7rem}.course-info i{color:#3498db;font-size:1.2rem}@media(max-width:1200px){.course-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media(max-width:768px){.courses{padding:4rem 1rem}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.course-cta{flex-direction:column;gap:0.7rem}.course-cta .btn{width:100%}}@media(max-width:480px){.course-grid{grid-template-columns:1fr}.course-image{height:180px}}.courses h2{font-size:3rem;color:var(--primary-color);margin-bottom:1.5rem}.card h2{font-size:2.8rem;margin:0 auto 3rem auto;color:#2c3e50;font-weight:700;text-align:center;position:relative;padding-bottom:1.5rem;width:100%;display:block}h2::after{content:none !important}.about{padding:6rem 2rem;background-color:var(--card-bg)}.about h2{text-align:center;font-size:2.5rem;margin-bottom:3rem}.about{background:var(--card-bg)!important;background-image:none !important}.about::before,.about::after,.about .section-header::before,.about .section-header::after{content:none !important;background:none !important}.about .section-header,.about .subtitle{color:var(--text-muted)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center;padding:0 2rem}.feature{padding:2rem;border-radius:8px;transition:transform 0.3s ease}.feature:hover{transform:translateY(-5px)}.feature i{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem}.feature h3{font-size:2.5rem;color:var(--primary-color);margin-bottom:0.5rem}.why-choose-us{padding:6rem 0;background:white}.why-choose-us .section-title{text-align:center;font-size:2.8rem;color:#2c3e50;margin-bottom:3rem;position:relative;padding-bottom:1.5rem}.why-choose-us .section-title .subtitle{display:block;font-size:1.8rem;margin-top:1rem;color:#6b7280;font-weight:400}.why-choose-us .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.why-choose-us .feature-card{background:white;border-radius:10px;padding:2rem;box-shadow:0 5px 20px rgba(0,0,0,0.05);transition:all 0.3s ease;display:flex;flex-direction:column;position:relative;overflow:hidden;border-left:4px solid #3498db}.why-choose-us .feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.1)}.why-choose-us .feature-icon{width:70px;height:70px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#3498db,#2c3e50);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1.8rem;transition:all 0.3s ease;box-shadow:0 5px 15px rgba(52,152,219,0.3)}.why-choose-us .feature-card:hover .feature-icon{transform:translateY(-5px)scale(1.1);box-shadow:0 10px 25px rgba(52,152,219,0.4)}.why-choose-us .feature-icon i{transition:all 0.3s ease}.why-choose-us .feature-card:hover .feature-icon i{transform:scale(1.1)}.why-choose-us .feature-content{padding:0 1rem;text-align:center}.why-choose-us .feature-card h3{font-size:1.5rem;color:#2c3e50;margin-bottom:1rem;padding:0;position:relative;display:inline-block;margin:0 auto 1rem}.why-choose-us .feature-card h3::after{content:none !important}.why-choose-us .feature-card:hover h3::after{width:0}.why-choose-us .feature-card p{color:#6b7280;line-height:1.7;margin-bottom:0}@media(max-width:992px){.why-choose-us .features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.why-choose-us .section-title{font-size:2.2rem}.why-choose-us .section-title .subtitle{font-size:1.4rem}.why-choose-us .features-grid{grid-template-columns:1fr}.why-choose-us .feature-card{padding:1.5rem}.why-choose-us .feature-icon{width:60px;height:60px;font-size:1.5rem;margin-bottom:1.2rem}.why-choose-us .feature-content{padding:0}.why-choose-us .feature-card h3{font-size:1.3rem}}footer{background-color:#1f2937;color:white;padding:4rem 0 0}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:0 2rem 3rem;max-width:1200px;margin:0 auto}.footer-section-title{font-size:2.5rem;margin:0 auto 3rem auto;text-align:center;color:#2c3e50;position:relative;display:block;width:100%}.footer-section h3{font-size:1.3rem;margin-bottom:1.2rem;color:#fff;position:relative}.footer-section h3::after{content:none !important}.footer-section p{margin-bottom:0.75rem;display:flex;align-items:center;gap:0.5rem}.social-links{display:flex;gap:1rem;margin-top:1.5rem}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:rgba(255,255,255,0.1);border-radius:50%;transition:all 0.3s ease;color:#fff;font-size:1.2rem}.social-links a:hover{background-color:#2563eb;transform:translateY(-3px)}.footer-bottom{text-align:center;padding:1.5rem;background-color:rgba(0,0,0,0.2);font-size:0.875rem}.footer-bottom a{color:#fff;text-decoration:underline;margin:0 0.5em}.footer-bottom a:hover{color:#f59e0b}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3)translateY(100px)}50%{opacity:0.9;transform:scale(1.05)translateY(-15px)}70%{transform:scale(0.95)translateY(5px)}100%{opacity:1;transform:scale(1)translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes float{0%{transform:translateY(0px)}50%{transform:translateY(-10px)}100%{transform:translateY(0px)}}@keyframes slideInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}.animate-fadeInUp{animation:fadeInUp 0.8s ease-out forwards}.animate-fadeInLeft{animation:fadeInLeft 0.8s ease-out forwards}.animate-fadeInRight{animation:fadeInRight 0.8s ease-out forwards}.animate-fadeIn{animation:fadeIn 1s ease-out forwards}.animate-bounceIn{animation:bounceIn 1s ease-out forwards}.animate-pulse{animation:pulse 2s infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-slideInLeft{animation:slideInLeft 0.8s ease-out forwards}.animate-slideInRight{animation:slideInRight 0.8s ease-out forwards}.delay-100{animation-delay:0.1s}.delay-200{animation-delay:0.2s}.delay-300{animation-delay:0.3s}.delay-400{animation-delay:0.4s}.delay-500{animation-delay:0.5s}.delay-600{animation-delay:0.6s}.delay-700{animation-delay:0.7s}.delay-800{animation-delay:0.8s}.delay-900{animation-delay:0.9s}.delay-1000{animation-delay:1s}.animate-on-scroll{opacity:0;transition:opacity 0.6s ease-out,transform 0.8s ease-out}.animate-on-scroll.visible{opacity:1}.card:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 15px 30px rgba(0,0,0,0.2);transition:all 0.3s ease}.btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.3);transition:all 0.3s ease}.btn:active{transform:translateY(1px);transition:all 0.1s ease}.nav-links a::after{content:'';position:absolute;width:0;height:2px;bottom:-5px;left:0;background-color:var(--primary-color);transition:width 0.3s ease}.nav-links a:hover::after{width:100%}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loading-spinner{border:4px solid rgba(0,0,0,0.1);border-radius:50%;border-top:4px solid var(--primary-color);width:40px;height:40px;animation:loading 1s linear infinite;margin:20px auto}.typewriter{overflow:hidden;white-space:nowrap;margin:0 auto;letter-spacing:0.15em;animation:typing 3.5s steps(40,end),blink-caret 0.75s step-end infinite}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:var(--primary-color)}}@media(max-width:1024px){.hero h1{font-size:2.75rem}.card.featured{transform:none}}@media(max-width:768px){.hero-content{max-width:100%;width:100%;padding:5vw 3vw 3vw 3vw}.hamburger{display:flex}.nav-links{position:fixed;top:80px;right:-100%;width:80%;height:calc(100vh - 80px);background-color:white;flex-direction:column;align-items:flex-start;padding:2rem;transition:right 0.3s ease;box-shadow:-5px 0 15px rgba(0,0,0,0.1)}.nav-links.active{right:0}.dropdown-content{position:static;box-shadow:none;padding-left:1rem;display:none}.dropdown.active .dropdown-content{display:block}.hero h1{font-size:2.25rem}.typewriter{padding:0 0.5vw;max-width:100vw}.cta-buttons{width:100%;box-sizing:border-box;padding:0 2vw}.cta-buttons{flex-direction:column}.btn{width:100%}}.contact{padding:5rem 0;background-color:var(--card-bg);position:relative}.contact .section-header{text-align:center;margin-bottom:3rem}.contact .section-title{font-size:2.5rem;color:#1e293b;margin-bottom:0.5rem}.contact .section-subtitle{color:#64748b;font-size:1.1rem;max-width:600px;margin:0 auto}.contact-container{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;max-width:1200px;margin:0 auto;padding:0 1.5rem}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.contact-card{background:rgba(255,255,255,0.03);border:1px solid var(--card-border);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -1px rgba(0,0,0,0.03);transition:transform 0.3s ease,box-shadow 0.3s ease;display:flex;align-items:flex-start;gap:1rem}.contact-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -1px rgba(0,0,0,0.05)}.contact-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;color:white;font-size:1.25rem;flex-shrink:0}.contact-text h3{font-size:1.1rem;color:#1e293b;margin-bottom:0.5rem}.contact-text p{color:#64748b;font-size:0.95rem;line-height:1.6;margin:0.25rem 0}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-link{width:40px;height:40px;border-radius:50%;background:white;color:#3b82f6;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all 0.3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.social-link:hover{background:#3b82f6;color:white;transform:translateY(-3px)}.contact-form-wrapper{background:white;border-radius:12px;padding:2rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -1px rgba(0,0,0,0.03)}.form-header{margin-bottom:2rem;text-align:center}.form-header h3{font-size:1.5rem;color:#1e293b;margin-bottom:0.5rem}.form-header p{color:#64748b;font-size:0.95rem}.modern-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{position:relative;width:100%}.form-group.full-width{grid-column:1 / -1}.form-group input,.form-group select,.form-group textarea{width:100%;padding:1rem 1rem 0.5rem 0;border:none;border-bottom:2px solid #e2e8f0;font-size:1rem;color:#1e293b;background:transparent;transition:all 0.3s ease}.form-group select{appearance:none;cursor:pointer;padding-right:2rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23646a75' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")no-repeat right 0.5rem center}.form-group textarea{resize:none;min-height:100px;padding-top:1.5rem}.form-group label{position:absolute;left:0;top:1rem;color:#94a3b8;transition:all 0.3s ease;pointer-events:none;font-size:0.95rem}.form-group .focus-border{position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#3b82f6;transition:width 0.3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:transparent}.form-group input:focus~label,.form-group input:not(:placeholder-shown)~label,.form-group select:focus~.select-label,.form-group select:not([value=""])~.select-label,.form-group textarea:focus~label,.form-group textarea:not(:placeholder-shown)~label{top:0;font-size:0.8rem;color:#3b82f6}.form-group input:focus~.focus-border,.form-group select:focus~.focus-border,.form-group textarea:focus~.focus-border{width:100%}.form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.form-check{display:flex;align-items:center;gap:0.5rem}.form-check input[type="checkbox"]{width:auto;margin:0}.form-check label{font-size:0.85rem;color:#64748b;cursor:pointer}.form-check a{color:#3b82f6;text-decoration:none;transition:color 0.3s ease}.form-check a:hover{text-decoration:underline}.map-section{position:relative;height:500px;overflow:hidden;margin-top:2rem;display:flex;justify-content:center;align-items:center;background:none}.map-container{position:relative;width:90%;height:100%;display:flex;justify-content:center;align-items:center}.map-container iframe{width:90vw;height:400px;border:none}.find-us{text-align:center;margin:2rem 0;font-size:2rem;font-weight:bold;color:#1e293b}.course-image{position:relative;overflow:hidden;height:300px}.course-image{position:relative;overflow:hidden;width:100%;height:300px}.course-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease-in-out;object-position:center;will-change:opacity;display:none}.course-image img.active{display:block;opacity:1}#motorcycleCourseImage{background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}#motorcycleCourseImage img{object-fit:contain;max-height:100%;width:auto;max-width:100%}.opening-status{margin-top:15px;padding:8px 12px;border-radius:4px;font-weight:600;display:inline-block;font-size:14px}.opening-status.open{background-color:#d4edda;color:#155724}.opening-status.closed{background-color:#f8d7da;color:#721c24}.opening-status.soon{background-color:#fff3cd;color:#856404}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:#2563eb;color:white;border-radius:50%;margin-right:10px;font-size:14px;font-weight:bold;font-style:normal}.course-image img.active{opacity:1;visibility:visible}.map-overlay{position:absolute;top:2rem;left:2rem;background:white;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);max-width:300px;z-index:10}.map-info h4{font-size:1.2rem;color:#1e293b;margin-bottom:0.75rem}.map-info p{color:#64748b;margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem}.map-info .btn-outline{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border:1px solid #3b82f6;color:#3b82f6;border-radius:6px;font-size:0.9rem;transition:all 0.3s ease;text-decoration:none}.map-info .btn-outline:hover{background:#3b82f6;color:white}.road-license-section{background:#f8f9fa;padding:80px 0 60px 0;position:relative}.road-license-section .section-title{text-align:center;font-size:2.3rem;color:#0052B4;margin-bottom:40px;letter-spacing:1px}.road-svg-wrapper{width:100%;max-width:1100px;margin:0 auto;display:flex;justify-content:center;align-items:center}.road-svg{width:100%;height:auto;display:block;overflow:visible}.milestone-pulse{fill:#1877f2;opacity:0.35;stroke:none;transform-box:fill-box;transform-origin:center;animation:pulse-milestone 2.2s ease-in-out infinite}@keyframes pulse-milestone{0%{transform:scale(1);opacity:0.45}50%{transform:scale(1.18);opacity:0.18}100%{transform:scale(1);opacity:0.45}}.milestone-dot{fill:#1877f2;stroke:#fff;stroke-width:4px;cursor:pointer}.road-sign-board-wrapper{position:relative;width:100%;min-height:110px;margin:0 auto 34px auto;display:flex;justify-content:center;align-items:flex-start}.road-sign-board{background:#1877f2;border:4px solid #fff;border-radius:16px;color:#fff;font-size:1.18rem;font-weight:600;text-align:center;min-width:320px;max-width:520px;padding:22px 32px 18px 32px;box-shadow:0 4px 28px rgba(24,119,242,0.15);letter-spacing:0.5px;z-index:3;opacity:0;transition:opacity 0.18s;position:relative}.road-sign-board.visible{opacity:1}.road-sign-pole{position:absolute;width:18px;height:180px;background:#bbb;top:0;border-radius:9px;z-index:1;box-shadow:0 2px 8px rgba(0,0,0,0.13);opacity:0;transition:opacity 0.18s;pointer-events:none}.road-sign-pole.left{left:calc(50% - 132px)}.road-sign-pole.right{left:calc(50%+132px)}.road-sign-pole.visible{opacity:1}.road-sign-distance{position:absolute;left:50%;transform:translateX(-50%);top:100%;margin-top:0;background:#1877f2;color:#fff;border-radius:16px;font-size:1.08rem;font-weight:600;padding:7px 32px 7px 32px;border:3px solid #fff;box-shadow:0 2px 8px rgba(24,119,242,0.08);letter-spacing:0.2px;z-index:2;opacity:0;transition:opacity 0.18s;pointer-events:none}.road-sign-distance.visible{opacity:1;pointer-events:auto}.road-sign-board{display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.shield-milestone{display:inline-block;margin-right:18px;vertical-align:middle;user-select:none}.road-sign-arrow{display:flex;align-items:center;margin-left:18px;height:32px}.road-sign-arrow svg{display:block;width:32px;height:32px}.road-sign-board .road-sign-distance{position:absolute;left:50%;transform:translateX(-50%);bottom:-4px;background:#1877f2;color:#fff;border-radius:16px;font-size:1.08rem;font-weight:600;padding:18px 32px 18px 32px;line-height:1.4;display:flex;align-items:center;justify-content:center;text-align:center;border:3px solid #fff;box-shadow:0 2px 8px rgba(24,119,242,0.08);letter-spacing:0.2px}.road-info-box{display:none;margin:0 auto 32px auto;max-width:420px;background:#1877f2;border:3px solid #fff;color:#fff;border-radius:18px;font-size:1.15rem;font-weight:500;text-align:center;padding:18px 24px 16px 24px;box-shadow:0 6px 32px rgba(24,119,242,0.15);letter-spacing:0.5px;position:relative;z-index:2;animation:fadeInInfoBox 0.25s}.road-info-box.visible{display:block;animation:fadeInInfoBox 0.25s}@keyframes fadeInInfoBox{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.road-svg-wrapper{max-width:100vw}.road-license-section .section-title{font-size:1.5rem}.road-svg{height:200px}}.road-timeline-container{position:relative;width:100%;height:600px;margin:0 auto;perspective:1000px}.road-path{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(40deg)rotateY(0deg)}.road-segment{position:absolute;background:#4a6baf;border-radius:15px;box-shadow:0 10px 20px rgba(0,0,0,0.2),inset 0 0 15px rgba(255,255,255,0.3);opacity:0;transform:scale(0.5);transition:all 0.5s cubic-bezier(0.175,0.885,0.32,1.275)}.road-segment.start{left:10%;top:50%;width:200px;height:30px;transform:translateY(-50%);border-top-right-radius:0;border-bottom-right-radius:0;background:linear-gradient(90deg,#4a6baf,#3a5a9f)}.road-segment.curve-1{left:30%;top:40%;width:150px;height:150px;border-radius:50%;clip-path:polygon(0 0,100% 0,100% 50%,0 50%);transform-origin:center;background:linear-gradient(90deg,#4a6baf,#3a5a9f)}.road-segment.straight{left:40%;top:20%;width:200px;height:30px;transform:rotate(90deg);background:linear-gradient(90deg,#3a5a9f,#4a6baf)}.road-segment.curve-2{left:60%;top:60%;width:150px;height:150px;border-radius:50%;clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%);transform-origin:center;background:linear-gradient(90deg,#4a6baf,#3a5a9f)}.road-segment.end{left:70%;top:50%;width:200px;height:30px;transform:translateY(-50%);border-top-left-radius:0;border-bottom-left-radius:0;background:linear-gradient(90deg,#3a5a9f,#4a6baf)}.road-stop{position:absolute;z-index:10;transition:all 0.3s ease;opacity:0;transform:scale(0);cursor:pointer;width:36px;height:36px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;color:#2c3e50;font-size:16px;border:3px solid #fff;box-shadow:0 4px 15px rgba(0,0,0,0.2)}.road-stop.active .stop-dot{transform:translate(-50%,-50%)scale(1.5);box-shadow:0 0 0 10px rgba(255,107,107,0.5)}.road-stop.active .stop-content{opacity:1;visibility:visible;transform:translateY(10px)}.road-stop:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,0.3);z-index:20}.stop-content{position:absolute;width:250px;background:white;padding:20px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.15);opacity:0;visibility:hidden;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);z-index:100;transform:translateY(20px);pointer-events:auto}.road-stop:hover .stop-content{opacity:1;visibility:visible;transform:translateY(10px)}.road-stop.stop-1{left:12%;top:50%;transform:translateY(-50%)}.road-stop.stop-2{left:25%;top:65%;transform:translateY(-50%)}.road-stop.stop-3{left:50%;top:25%;transform:translateY(-50%)}.road-stop.stop-4{left:70%;top:70%;transform:translateY(-50%)}.road-stop.stop-5{left:88%;top:50%;transform:translateY(-50%)}.road-stop.stop-1 .stop-content{left:50%;top:100%;margin-top:20px}.road-stop.stop-2 .stop-content{right:50%;bottom:100%;margin-bottom:20px}.road-stop.stop-3 .stop-content{left:50%;top:100%;margin-top:20px}.road-stop.stop-4 .stop-content{left:50%;bottom:100%;margin-bottom:20px}.road-stop.stop-5 .stop-content{right:50%;top:100%;margin-top:20px}.road-stop .stop-content::before{content:'';position:absolute;width:0;height:0;border-style:solid}.road-stop.stop-1 .stop-content::before,.road-stop.stop-3 .stop-content::before,.road-stop.stop-5 .stop-content::before{top:-10px;left:20px;border-width:0 10px 10px 10px;border-color:transparent transparent white transparent}.road-stop.stop-2 .stop-content::before,.road-stop.stop-4 .stop-content::before{bottom:-10px;left:20px;border-width:10px 10px 0 10px;border-color:white transparent transparent transparent}.road-stop .stop-content h4{margin-top:0;color:#2c3e50;font-size:1.1rem;margin-bottom:8px}.road-stop .stop-content p{color:#666;font-size:0.9rem;line-height:1.5;margin:0}.finish-flag{position:absolute;right:50px;top:50%;transform:translateY(-50%);font-size:40px;color:#ff6b6b;z-index:5;animation:bounce 2s infinite}@keyframes bounce{0%,100%{transform:translateY(-50%)translateY(0)}50%{transform:translateY(-50%)translateY(-10px)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 5px rgba(255,107,107,0.3)}50%{transform:scale(1.1);box-shadow:0 0 0 10px rgba(255,107,107,0.1)}100%{transform:scale(1);box-shadow:0 0 0 5px rgba(255,107,107,0.3)}}@media(max-width:1200px){.road-timeline-container{height:700px;transform:scale(0.9)}.road-segment.start{left:5%;width:180px}.road-segment.curve-1{left:20%;top:45%;width:130px;height:130px}.road-segment.straight{left:45%;top:25%}.road-segment.curve-2{left:65%;top:70%;width:130px;height:130px}.road-segment.end{left:85%;width:180px}.road-stop.stop-1{left:10%;top:50%}.road-stop.stop-2{left:20%;top:65%}.road-stop.stop-3{left:45%;top:25%}.road-stop.stop-4{left:65%;top:70%}.road-stop.stop-5{left:85%;top:50%}}@media(max-width:992px){.road-timeline-container{height:600px;transform:scale(0.9);margin-top:-30px;margin-bottom:-30px}.road-segment.start{left:2%;width:150px;height:25px}.road-segment.curve-1{left:20%;top:50%;width:100px;height:100px}.road-segment.straight{left:45%;top:25%;width:120px;height:25px}.road-segment.curve-2{left:65%;top:70%;width:100px;height:100px}.road-segment.end{left:85%;top:50%;width:150px;height:20px}.road-stop.stop-1{left:8%;top:50%}.road-stop.stop-2{left:20%;top:65%}.road-stop.stop-3{left:45%;top:25%}.road-stop.stop-4{left:65%;top:70%}.road-stop.stop-5{left:88%;top:50%}.stop-content{width:180px;padding:12px}.stop-content h4{font-size:0.95rem;margin-bottom:5px}.stop-content p{font-size:0.8rem;line-height:1.4}}@media(max-width:768px){.road-timeline-container{transform:scale(0.6);height:600px;margin-top:-100px;margin-bottom:-100px}.road-segment.start{left:-5%;width:120px;height:30px}.road-segment.curve-1{left:100px;top:50%;width:80px;height:80px}.road-segment.straight{left:150px;top:40%;width:120px;height:30px}.road-segment.curve-2{left:240px;top:40%;width:80px;height:80px}.road-segment.end{left:290px;top:50%;width:120px;height:20px}.road-stop.stop-1{left:0;top:50%;transform:translateY(-50%)}.road-stop.stop-2{left:20%;top:35%;transform:translateY(-50%)}.road-stop.stop-3{left:45%;top:25%;transform:translateY(-50%)}.road-stop.stop-4{left:70%;top:75%;transform:translateY(-50%)}.road-stop.stop-5{left:90%;top:50%;transform:translateY(-50%)}.road-stop .stop-content{width:180px;padding:12px}.road-stop .stop-content h4{font-size:0.95rem;margin-bottom:5px}.road-stop .stop-content p{font-size:0.8rem;line-height:1.4}.road-stop.stop-1 .stop-content,.road-stop.stop-3 .stop-content,.road-stop.stop-5 .stop-content{left:50%;right:auto;margin-left:-90px}.road-stop.stop-2 .stop-content,.road-stop.stop-4 .stop-content{left:50%;right:auto;margin-left:-90px}.road-stop.stop-1 .stop-content::before,.road-stop.stop-3 .stop-content::before,.road-stop.stop-5 .stop-content::before{left:50%;margin-left:-10px}.road-stop.stop-2 .stop-content::before,.road-stop.stop-4 .stop-content::before{left:50%;margin-left:-10px}.finish-flag{right:10px;font-size:30px}}.timeline-3d-section{position:relative;overflow:hidden}.timeline-3d-container{position:relative;max-width:1200px;margin:0 auto;padding:0 20px}.timeline-3d{position:relative;padding:60px 0}.timeline-3d-line{position:absolute;width:5px;background:linear-gradient(to bottom,#e74c3c,#3498db);top:0;bottom:0;left:50%;margin-left:-2.5px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.1);transform:perspective(1000px)rotateX(20deg);transform-origin:center top}.timeline-3d-item{position:relative;margin-bottom:60px;width:45%;padding:20px;background:white;border-radius:8px;box-shadow:0 5px 25px rgba(0,0,0,0.1);transition:all 0.3s ease;opacity:0;transform:translateY(30px);animation:fadeInUp 0.6s forwards}.timeline-3d-item:nth-child(odd){left:0;animation-delay:0.2s}.timeline-3d-item:nth-child(even){left:55%;animation-delay:0.4s}.timeline-3d-item.start::before,.timeline-3d-item.end::before{content:'';position:absolute;width:30px;height:30px;background:#e74c3c;border-radius:50%;top:30px;z-index:1}.timeline-3d-item.start::before{right:-70px;background:#e74c3c;box-shadow:0 0 0 5px rgba(231,76,60,0.2)}.timeline-3d-item.end::before{left:-70px;background:#3498db;box-shadow:0 0 0 5px rgba(52,152,219,0.2)}.timeline-3d-item:nth-child(odd)::before{right:-70px}.timeline-3d-item:nth-child(even)::before{left:-70px}.add-to-calculator{background:linear-gradient(90deg,#3498db,#2980b9);color:white;border:none;padding:0.8rem 1.5rem;border-radius:50px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:0.8rem}.add-to-calculator:hover{background:linear-gradient(90deg,#2980b9,#3498db);transform:translateY(-2px);box-shadow:0 4px 12px rgba(41,128,185,0.3)}.add-to-calculator.active{background:#2980b9;transform:translateY(1px);box-shadow:inset 0 2px 4px rgba(0,0,0,0.1)}.add-to-calculator i{font-size:1.2rem}.calculator-badge{display:inline-block;min-width:1.5em;height:1.5em;line-height:1.5em;font-size:1em;background:#e74c3c;color:#fff;border-radius:50%;text-align:center;font-weight:bold;vertical-align:middle;margin-left:0.3em;transition:background 0.2s,color 0.2s;position:relative;top:-2px;z-index:1}.price--blue{position:relative;display:inline-block;color:#0074d9;text-shadow:0 0 12px rgba(0,116,217,.35),0 0 24px rgba(67,131,199,.20);transition:text-shadow .25s ease,transform .2s ease}.price--blue::after{content:"";position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);width:64%;height:3px;border-radius:999px;background:linear-gradient(90deg,rgba(0,116,217,0),rgba(0,116,217,1),rgba(0,116,217,0));box-shadow:0 0 18px rgba(0,116,217,.65);filter:blur(.4px);opacity:.85;pointer-events:none;transition:width .25s ease,height .25s ease,opacity .25s ease,box-shadow .25s ease}.price--blue:hover,.price--blue:focus{text-shadow:0 0 18px rgba(0,116,217,.65),0 0 36px rgba(67,131,199,.4);transform:scale(1.03)}.price--blue:hover::after,.price--blue:focus::after{width:92%;height:5px;opacity:1;box-shadow:0 0 28px rgba(0,116,217,.9)}.card:hover .price--blue,.card:focus-within .price--blue{text-shadow:0 0 18px rgba(0,116,217,.65),0 0 36px rgba(67,131,199,.4);transform:scale(1.03)}.card:hover .price--blue::after,.card:focus-within .price--blue::after{width:92%;height:5px;opacity:1;box-shadow:0 0 28px rgba(0,116,217,.9)}.card-row .card:hover .price.price--blue,.card-row .card:focus-within .price.price--blue{text-shadow:0 0 18px rgba(0,116,217,.65),0 0 36px rgba(67,131,199,.4);transform:scale(1.03)}.card-row .card:hover .price.price--blue::after,.card-row .card:focus-within .price.price--blue::after{width:92%;height:5px;opacity:1;box-shadow:0 0 28px rgba(0,116,217,.9)}@media(prefers-reduced-motion:reduce){.price--blue{transition:none}.price--blue::after{transition:none}.card:hover .price--blue::after,.card:focus-within .price--blue::after{transition:none}}.price-card .price-amount{position:relative;display:inline-block;color:#0074d9;text-shadow:0 0 12px rgba(0,116,217,.35),0 0 24px rgba(67,131,199,.20);transition:text-shadow .25s ease,transform .2s ease}.price-card .price-amount::after{content:"";position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);width:64%;height:3px;border-radius:999px;background:linear-gradient(90deg,rgba(0,116,217,0),rgba(0,116,217,1),rgba(0,116,217,0));box-shadow:0 0 18px rgba(0,116,217,.65);filter:blur(.4px);opacity:.85;pointer-events:none;transition:width .25s ease,height .25s ease,opacity .25s ease,box-shadow .25s ease}.price-card:hover .price-amount,.price-card:focus-within .price-amount{text-shadow:0 0 18px rgba(0,116,217,.65),0 0 36px rgba(67,131,199,.4);transform:scale(1.03)}.price-card:hover .price-amount::after,.price-card:focus-within .price-amount::after{width:92%;height:5px;opacity:1;box-shadow:0 0 28px rgba(0,116,217,.9)}.price-tag.price--blue{position:relative;display:inline-block;color:#0074d9;text-shadow:0 0 12px rgba(0,116,217,.35),0 0 24px rgba(67,131,199,.20);transition:text-shadow .25s ease,transform .2s ease}.price-tag.price--blue::after{content:"";position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);width:64%;height:3px;border-radius:999px;background:linear-gradient(90deg,rgba(0,116,217,0),rgba(0,116,217,1),rgba(0,116,217,0));box-shadow:0 0 18px rgba(0,116,217,.65);filter:blur(.4px);opacity:.85;pointer-events:none;transition:width .25s ease,height .25s ease,opacity .25s ease,box-shadow .25s ease}.card:hover .price-tag.price--blue,.card:focus-within .price-tag.price--blue{text-shadow:0 0 18px rgba(0,116,217,.65),0 0 36px rgba(67,131,199,.4);transform:scale(1.03)}.card:hover .price-tag.price--blue::after,.card:focus-within .price-tag.price--blue::after{width:92%;height:5px;opacity:1;box-shadow:0 0 28px rgba(0,116,217,.9)}.calculator-badge:empty{visibility:hidden;opacity:0}