*{box-sizing:border-box}body{color:#333;background-color:#f4f4f4;max-width:100vw;margin:0;padding:0;font-family:Inter,sans-serif;transition:all .3s;overflow-x:hidden}.app-container{flex-direction:column;align-items:center;min-height:100vh;display:flex}.app-container.dark{color:#ebebeb;background-color:#212121}.content{flex-direction:column;flex-grow:1;align-items:center;width:100%;display:flex}.navigation-menu{flex-wrap:wrap;justify-content:center;align-items:center;gap:50px;width:100%;margin:20px 0;display:flex}.link{color:#314747;padding:15px;font-size:18px;text-decoration:none;transition:all .2s}.link:hover{border-bottom:2px solid #314747}.link.dark{color:#ebebeb}.link.dark:hover{border-bottom:2px solid #ebebeb}.favs{color:#5f8b8c;font-weight:700}.mode-button{color:#ebebeb;cursor:pointer;background-color:#212121;border:none;border-radius:10px;margin:15px;padding:10px 20px;font-size:18px;transition:all .3s}.mode-button.dark{color:#212121;background-color:#ebebeb}.homepage-container{width:100%;margin:0;padding:0}.hero-content{text-align:center;background-image:linear-gradient(#0009,#0000004d),url(/assets/tatry-ClkHYg55.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%;min-height:85vh;padding:40px 20px;display:flex}.homepage-title{color:#fff;text-shadow:2px 2px 10px #0009;letter-spacing:1px;margin:0;font-size:clamp(2.5rem,8vw,5rem)}.homepage-description{color:#e0e0e0;text-shadow:1px 1px 5px #00000080;max-width:750px;margin:0;font-size:clamp(1rem,2vw,1.3rem);line-height:1.6}.routes-link{color:#213547;background-color:#9be1e3;border-radius:30px;margin-top:10px;padding:15px 40px;font-size:1.2rem;font-weight:700;text-decoration:none;transition:all .3s;box-shadow:0 5px 15px #9be1e366}.routes-link:hover{color:#fff;background-color:#5f8b8c;transform:scale(1.05);box-shadow:0 8px 20px #5f8b8c99}.routes-page-container{flex-direction:column;align-items:center;width:100%;display:flex}.routeCards-container,.members-container{grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:30px;width:95%;max-width:1100px;margin:0 auto;padding:20px 0;display:grid}.route-card-container,.member-card-container{background:#f2f2f2;border-radius:18px;flex-direction:row;min-width:0;min-height:200px;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 5px 13px 4px #0000001a}.route-card-container.dark,.member-card-container.dark{background-color:#4a4a4a}.route-card-container:hover,.member-card-container:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.route-card-container.hard{background-color:#ffe1e3;border:2px solid red}.route-card-container.hard.dark{background-color:#7a1909;border:2px solid #501909}.card-image-side{flex-shrink:0;width:220px;position:relative}.card-image-side img{object-fit:cover;width:100%;height:100%}.image-badge{background:#ffffffe6;border-radius:50%;padding:5px;font-size:14px;position:absolute;top:10px;left:10px}.member-avatar-side{background-color:#e0f7f8;border-right:1px solid #eee;flex-shrink:0;justify-content:center;align-items:center;width:220px;display:flex}.dark .member-avatar-side{background-color:#3a3a3a;border-right-color:#555}.member-avatar{object-fit:cover;border:4px solid #fff;border-radius:50%;width:110px;height:110px;transition:transform .3s;box-shadow:0 4px 15px #0000001a}.dark .member-avatar{border-color:#242424}.member-card-container:hover .member-avatar{transform:scale(1.05)}.card-info-side,.member-info{flex-direction:column;flex:1;justify-content:space-between;min-width:0;padding:20px;display:flex}.route-name,.name-container{color:#333;margin:0 0 10px;font-size:1.4rem}.dark .route-name,.dark .name-container{color:#ebebeb}.email-container{color:#4e5e4d;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;margin-top:5px;font-weight:500;display:block}.email-container.dark{color:#a9c2a9}.reminder-text{color:gray;margin-top:5px;font-size:.85rem}.dark .reminder-text{color:#c4c4c4}.card-footer-actions{border-top:1px solid #ddd;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;display:flex}.dark .card-footer-actions{border-top-color:#666}.details-link{color:#5f8b8c;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s}.details-link:hover{color:#333}.dark .details-link{color:#9be1e3}.fav-button{cursor:pointer;background-color:#9be1e3;border:2px solid #5f8b8c;border-radius:8px;padding:8px 15px;font-weight:700;transition:all .3s}.fav-button:hover{color:#fff;background-color:#5f8b8c}.fav-button.inFavorites{background-color:#ffe1e3;border:2px solid red}.fav-button.inFavorites:hover{color:#fff;background-color:red}.fav-button.dark{color:#ebebeb;background-color:#4b6d6e;border-color:#314747}.fav-button.dark:hover{background-color:#314747}.fav-button.inFavorites.dark{color:#212121;background-color:#ffe1e3;border-color:#501909}.fav-button.inFavorites.dark:hover{color:#ebebeb;background-color:#501909}.team-container{flex-direction:column;align-items:center;width:100%;display:flex}.title-members-container{margin:30px 0;font-size:24px}.searching-member-container{background-color:#9be1e3;border:2px solid #5f8b8c;border-radius:10px;outline:none;width:90%;max-width:500px;height:45px;margin:0 0 30px;padding:0 15px;font-size:16px}.searching-member-container.dark{color:#fff;background-color:#4b6d6e;border-color:#314747}.searching-member-container.dark::placeholder{color:#ebebeb}.route-details-page{flex-direction:column;align-items:center;width:100%;padding:40px 20px;display:flex}.details-header,.details-card{width:100%;max-width:800px}.details-header{margin-bottom:20px}.back-button{color:#5f8b8c;font-size:18px;font-weight:700;text-decoration:none;transition:color .3s}.back-button:hover{color:#333}.route-details-page.dark .back-button{color:#9be1e3}.details-card{background-color:#f2f2f2;border-radius:20px;overflow:hidden;box-shadow:0 10px 25px #00000026}.details-card.dark{color:#fff;background-color:#333;box-shadow:0 10px 25px #ffffff0d}.details-hero-image{object-fit:cover;width:100%;height:350px;display:block}.details-body{padding:40px}.details-body h1{color:#333;margin-top:0;margin-bottom:20px;font-size:42px}.details-card.dark .details-body h1{color:#fff}.badges-container{flex-wrap:wrap;gap:15px;margin-bottom:20px;display:flex}.badge{letter-spacing:.5px;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:700}.badge.distance{color:#1a4d4e;background-color:#9be1e3}.badge.difficulty.easy{color:#2d5a2c;background-color:#c8f3c7}.badge.difficulty.medium{color:#8b4500;background-color:#ffe4b5}.badge.difficulty.hard{color:red;background-color:#ffe1e3}.badge.cable-car{color:#333;background-color:#e2e2e2}.badge.member-city{color:#8b4500;background-color:#ffe4b5}.badge.member-company{color:#333;background-color:#e2e2e2}.description-section h3{border-bottom:3px solid #9be1e3;margin-bottom:15px;padding-bottom:8px;font-size:22px;display:inline-block}.description-section p{color:#444;font-size:17px;line-height:1.7}.details-card.dark .description-section p{color:#ccc}.footer{background-color:#fff;border-top:1px solid #eaeaea;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:auto;padding:40px 50px;transition:all .3s;display:flex}.footer.dark{background-color:#1a1a1a;border-top:1px solid #333}.footer-description{color:#5f8b8c;margin:0;font-size:1.1rem;font-weight:600}.footer.dark .footer-description{color:#9be1e3}.footer-copyright{color:#888;margin:0;font-size:.95rem}.footer.dark .footer-copyright{color:#bbb}@media (width<=1024px){.navigation-menu{gap:20px;padding:10px 20px}.routeCards-container,.members-container{grid-template-columns:1fr;width:95%;max-width:750px;padding:15px}.route-card-container,.member-card-container{flex-direction:row}.card-image-side,.member-avatar-side{border-bottom:none;border-right:1px solid #ddd;width:250px;height:auto}.dark .member-avatar-side{border-right-color:#444}.card-footer-actions{flex-direction:row;gap:15px}.fav-button{width:auto}}@media (width<=650px){.navigation-menu{flex-wrap:wrap;gap:15px;padding:15px}.link{padding:5px;font-size:16px}.routeCards-container,.members-container{grid-template-columns:1fr;width:100%}.route-card-container,.member-card-container{flex-direction:column}.card-image-side,.member-avatar-side{border-bottom:1px solid #ddd;border-right:none;width:100%;height:200px}.dark .member-avatar-side{border-bottom-color:#444}.card-footer-actions{flex-direction:column;gap:15px}.fav-button{width:100%}.hero-content{min-height:50vh;padding:30px 20px}.homepage-title{font-size:2.5rem}.homepage-description{font-size:1.1rem}.footer{text-align:center;flex-direction:column;padding:30px 20px}}