*{scrollbar-width:thin;scroll-behavior:smooth;scrollbar-color:#5a9ada transparent}body{margin:0;padding:0;font-size:16px;font-family:Roboto,sans-serif;background:linear-gradient(to right top,#74ebd5,#acb6e5)}.content__container{height:91vh;margin-top:9vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.active-route{display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:3px 6px!important;color:#ffc107!important;font-weight:800!important;border-radius:5px!important;border:2px solid #FFC107!important}.non-active-route{margin:0!important;padding:3px 6px!important;color:#e0e0e0!important;font-weight:800!important}.pop-active{color:#1976d2!important;background-color:#e0e0e0!important}.pop-non-active{color:#000!important}.home-card{width:auto;height:auto;cursor:pointer;padding:10px;border-radius:4px;background-color:#f2f2f2;box-shadow:0 0 10px #0000004d}.home-card:hover{box-shadow:0 0 10px #000c;transform:scale(1.03);transition:all .5s ease}.password-card{height:400px;padding:25px;display:flex;align-items:center;flex-direction:column;justify-content:center}.password-card .password-buttons{width:100%;margin-top:10px;display:flex;justify-content:center}.cal-card{height:420px;padding:15px;border-radius:4px;background-color:#f2f2f2;box-shadow:0 0 10px #0000004d}.cal-btns{padding:10px}.cal-btns button{border-color:gray;border-radius:4px;font-size:16px;font-weight:600;color:#000}.bmi-card{padding:20px;border-radius:10px;box-shadow:0 0 10px #00000080}.bmi-button{margin-top:20px;margin-bottom:20px;width:100%;display:flex;justify-content:center}.todo-card{position:relative;height:82vh;padding:20px;border-radius:12px;background:linear-gradient(135deg,#f9f9f9,#e0f7fa);box-shadow:0 4px 20px #0000001a;overflow:hidden}.todo-item{display:flex;padding:10px;align-items:center;border-radius:8px;justify-content:space-between;margin-bottom:10px;background-color:#fff;transition:background .3s ease,transform .3s ease;box-shadow:0 2px 8px #0000000d}.todo-item:hover{background-color:#f1faff;transform:scale(1.02)}.todo-list{height:100%;padding:10px;display:flex;overflow-y:auto;flex-direction:column}.todo-add{position:absolute;bottom:20px;right:20px}.todo-icon{background-color:#0a66c2!important;color:#fff!important;width:60px;height:60px;border-radius:50%;box-shadow:0 4px 10px #0003;transition:background .3s,transform .3s}.todo-icon:hover{background-color:#004f9f!important;transform:scale(1.1)}.todo-text{flex-grow:1;word-wrap:break-word;padding-right:10px;font-size:1rem;color:#333}.weather-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;animation:fadeIn 1s ease-in}.search-button:hover{transform:scale(1.05);animation:pulse .6s ease}.weather-result{width:100%;padding:10px 5px;border-radius:10px;border:1px solid #1976d2;transition:all .3s ease-in-out;box-shadow:0 8px 20px #0003;background-color:#e0f3aa99}.weather-icons{display:flex;align-items:center;justify-content:center;margin-top:12px}.weather-icons img{width:100px;height:100px;z-index:1000;animation:float 2s ease-in-out infinite}.weather-info-card{background:#ffffffd9;border-radius:12px;min-width:60px;box-shadow:0 4px 10px #00000026;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.weather-info-card:hover{box-shadow:0 8px 20px #00000040}.info-icon{background-color:#1976d2;color:#fff;border-radius:50%;padding:8px;display:inline-flex;margin-bottom:6px;animation:pulse 2s infinite ease-in-out}.info-icon:hover{background-color:#1565c0;transform:scale(1.1);transition:all .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}