.hero-section{height:95vh;background-color:#fff;position:relative}.gradient-ellipse{position:absolute;width:85vw;height:85vh;border-radius:50%;background:radial-gradient(ellipse,#f003,#f000 70%)}.hero-title{position:relative;z-index:30;font-family:var(--font-secondary);min-width:20rem;max-width:40rem;left:7%;top:15%;letter-spacing:.4rem}.hero-title h1{font-size:4rem;font-weight:800;font-style:inherit;color:#242323}@media (max-width: 768px){.hero-title h1{font-size:2rem}.hero-title{max-width:50%;top:10%}}.hero-content{position:relative;z-index:30;text-align:left;top:20%;left:6%;max-width:30%}.hero-content p{font-size:1.4rem;color:gray}@media (max-width: 768px){.hero-content{font-size:1.2rem;max-width:80%;top:12%}}.hero-button{position:relative;z-index:30;top:27%;left:6%;width:20rem;height:10rem}.hero-button a{background-color:var(--color-primary);color:#fff;text-decoration:none;border-radius:2rem;padding:1rem 3.2rem;font-size:1.8rem;font-family:var(--font-secondary)}.hero-button a:hover{background-color:darken(rgb(36,35,35),10%)}@media (max-width: 768px){.hero-button{top:14%}}.hero-car{position:absolute;top:75%;left:50%;transform:translate(-50%,-50%);width:40%;height:auto;z-index:20}.hero-car img{height:100%;width:100%}@media (max-width: 768px){.hero-car{top:50%;width:80%}}@media (max-width: 560px){.hero-car{top:55%;width:80%}}.hero-car-legend{position:absolute;top:-7rem;right:10%;transform:translate(-50%);font-size:1.2rem;text-align:center;z-index:40;height:11rem;width:11rem;background:#ffffff1a;border-radius:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 30px #0000001a;padding:2rem;color:gray;font-family:var(--font-secondary);font-size:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;animation:floatUpDown 3s ease-in-out infinite}@keyframes floatUpDown{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.hero-car-legend h1{font-weight:700;color:var(--color-primary);font-family:var(--font-secondary)}.legend{position:absolute;top:30%;right:2%;width:22%;background-color:#f5f5f57c;border-radius:1rem;z-index:30;padding:3rem;box-shadow:0 4px 30px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem}.legend-images{display:flex;align-items:center;justify-content:center;gap:0rem}.legend-images img{height:100%;width:4.5rem;border-radius:50%}.legend-text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0rem}.legend-text h1{font-size:1.5rem;font-weight:700;color:var(--color-primary);font-family:var(--font-secondary);text-align:center}.legend-text p{font-size:1.3rem;color:gray;text-align:center}@media (max-width: 768px){.legend{inset:auto 0 10%;width:100%;height:auto;flex-direction:column;padding:3rem;gap:1rem;border-radius:0}.legend-images{justify-content:center;gap:.5rem}.legend-images img{width:3rem}.legend-text h2{font-size:1.1rem;text-align:center}.legend-text p{font-size:.9rem;text-align:center}.hero-car-legend{right:-10%}}body.dark-mode .hero-section{background-color:#121212}body.dark-mode .hero-title h1{color:#f1f1f1}body.dark-mode .hero-content p{color:#ccc}body.dark-mode .hero-button a:hover{background-color:#e0e0e0;color:#000}body.dark-mode .hero-car-legend{background:#1e1e1eb3;border:1px solid rgba(255,255,255,.1);color:#ddd}body.dark-mode .hero-car-legend h1{color:var(--color-primary)}body.dark-mode .legend{background-color:#14141499;color:#ddd}body.dark-mode .legend-text h1{color:var(--color-primary)}body.dark-mode .legend-text p{color:#bbb}body.dark-mode .text-overlay{color:#00000026}.text-overlay{text-align:center}