:root{--font-primary: "Quantico", sans-serif;--background-gradient: linear-gradient( 30deg, #0f0c29 0%, #302b63 50%, #24243e 100% );--background-color-lighter: #1e2233;--background-color-darker: #0a0e1c;--button-color: #9b59ff;--button-hover-color: #7d3cff;--text-color-primary: #f5f5f5;--text-color-secondary: #b0b0c0;font-family:var(--font-primary)}body,html,#root{scroll-behavior:smooth;overscroll-behavior:none;margin:0;padding:0;box-sizing:border-box;height:100%;background:var(--background-gradient);background-size:cover;background-repeat:no-repeat;background-attachment:fixed}.navbar{background-color:var(--background-color-darker);color:var(--text-color-primary);margin:0;display:flex;align-items:center;justify-content:space-between;padding:0 35px 0 20px;-webkit-user-select:none;user-select:none}.navbar__brand{display:flex;align-items:center}.navbar__logo{height:40px;width:40px;margin-right:15px}.navbar__links{display:flex;gap:10px;list-style:none}.navbar__link a{color:var(--text-color-primary);font-weight:700;transition:all .1s ease;text-decoration:none;font-size:1.2rem;margin:0 15px;padding:20px}.navbar__link a:hover{background-color:#24243e}@media(max-width:600px){.navbar{display:none}}.hero{height:95vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;color:var(--text-color-primary)}.hero__content{position:relative;z-index:2;max-width:700px;padding:0 20px}.hero__title{font-size:4rem;margin-bottom:1rem;color:#f5f5f5;transition:color .3s ease}.hero__title:hover{color:#decaff}.hero__subtitle{font-size:1.2rem;margin-bottom:2rem;color:#b0b0c0}.daily-card{background:var(--background-color-darker);border-radius:12px;padding:16px 18px;width:400px;height:385px;color:var(--text-color-primary);display:flex;flex-direction:column;gap:10px}.daily-card__date{margin:0 0 15px;font-size:1.6rem;font-weight:600}.daily-card__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.daily-card__item{display:flex;justify-content:space-between;font-size:1rem;opacity:.9}.daily-card__fuel{opacity:.85}.daily-card__perc{font-weight:600;font-style:italic}.daily-card__clean{margin:0;font-size:1.2rem;font-weight:600;opacity:.9}.daily-card__footer{margin-top:15px;display:flex;justify-content:center;align-items:center;gap:10px}@media(max-width:600px){.daily-card{width:75vw;height:auto}}.title{font-size:3rem;margin:5rem;font-weight:700;color:var(--text-color-primary)}@media(max-width:900px){.title{font-size:2.2rem;margin:2rem;text-align:center}}.daily-cards-section{height:95vh;padding:30px}.daily-cards-grid{display:flex;justify-content:space-evenly;gap:1.5rem;padding:1rem}.daily-cards__subtitle{font-size:1.2rem;margin-left:5rem;color:#b0b0c0}@media(max-width:900px){.daily-cards-section{height:auto}.daily-cards-grid{flex-direction:column;align-items:center;justify-content:center}.daily-cards__subtitle{margin:15px;text-align:center}}.optimal-time-section{height:95vh}.optimal-card{background:var(--background-color-darker);border-radius:14px;padding:1.5rem 2rem;width:100%;max-width:900px;margin:0 auto 7rem;display:flex;flex-direction:column;gap:1.25rem;font-family:var(--font-primary)}.optimal-card__title{margin:0;font-size:1.35rem;font-weight:600;line-height:1.3;color:var(--text-color-primary)}.optimal-card__controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.optimal-card__input{padding:.55rem .75rem;border:1px solid #444f65;background:var(--background-color-lighter);color:var(--text-color-primary);font-family:var(--font-primary);border-radius:6px;width:90px;font-size:1rem;outline:none;transition:border .2s ease}.optimal-card__input:focus{border:1px solid var(--button-color)}.optimal-card__button{padding:.55rem 1rem;border:none;border-radius:6px;background:var(--button-color);color:var(--text-color-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .5s ease}.optimal-card__button:hover{background:var(--button-hover-color)}.optimal-card__button-text{margin:0;font-size:1rem;font-weight:600}.optimal-card__results{background:var(--background-color-lighter);color:var(--text-color-primary);border:1px solid #444f65;border-radius:10px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.6rem;transition:border-color .7s ease,background .7s ease}.optimal-card__results:hover{border-color:var(--button-hover-color);background:#2a3346}.optimal-card__results p{margin:0;font-style:italic}.optimal-card__results strong{margin-right:.5rem}.optimal-card__subtitle{font-size:1.2rem;margin-left:5rem;color:#b0b0c0}@media(max-width:900px){.optimal-time-section{height:auto;padding:20px 0}.optimal-card{padding:1rem 1.25rem;max-width:75vw;margin-bottom:4rem}.optimal-card__controls{justify-content:center}.optimal-card__subtitle{margin:10px;text-align:center}}