body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-container:before{background-image:url(https://images.unsplash.com/photo-1614088459293-5669fadc3448?crop=entropy&cs=srgb&fm=jpg&ixid=M3w3NDk1ODF8MHwxfHNlYXJjaHwxfHx0cmF2ZWwlMjBkZXN0aW5hdGlvbnxlbnwwfHx8fDE3NTY3MjM1MTB8MA&ixlib=rb-4.1.0&q=85);background-position:50%;background-size:cover;bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0;z-index:1}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 50px #0000001a;max-width:450px;padding:40px;position:relative;width:100%;z-index:2}.login-logo{border-radius:50%;box-shadow:0 10px 25px #0000001a;display:block;height:80px;margin:0 auto 20px;object-fit:cover;width:80px}.login-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:2rem;font-weight:700;margin-bottom:10px;text-align:center}.login-subtitle{color:#666;font-size:1rem;line-height:1.5;text-align:center}.login-subtitle,.oauth-section{margin-bottom:30px}.google-login-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;color:#333;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;justify-content:center;margin-bottom:20px;padding:15px;transition:all .3s ease;width:100%}.google-login-btn:hover{border-color:#4285f4;box-shadow:0 4px 15px #4285f433;transform:translateY(-2px)}.google-icon{height:20px;width:20px}.divider{margin:20px 0;position:relative;text-align:center}.divider:before{background:#e0e0e0;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background:#fff;color:#888;font-size:.9rem;padding:0 15px;position:relative}.login-form{display:flex;flex-direction:column;gap:20px}.login-form label{color:#333;font-size:.95rem;font-weight:600;margin-bottom:5px}.login-form input{background:#fffc;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;padding:15px;transition:all .3s ease}.login-form input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:15px;transition:all .3s ease}.login-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.login-btn:active{transform:translateY(0)}.success-message{background:#2ed5731a;border:1px solid #2ed57333;border-radius:8px;color:#2ed573;margin-bottom:15px;padding:12px}.login-footer,.success-message{font-size:.9rem;text-align:center}.login-footer{color:#666;line-height:1.6;margin-top:25px}.login-footer a{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s ease}.login-footer a:hover{color:#764ba2;text-decoration:underline}@media (max-width:480px){.login-container{padding:15px}.login-card{padding:30px 25px}.login-title{font-size:1.6rem}.google-login-btn,.login-btn,.login-form input{font-size:.95rem;padding:12px}}.login-card{animation:fadeInUp .6s ease-out}.signup-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.signup-container:before{background-image:url(https://images.unsplash.com/photo-1614088459293-5669fadc3448?crop=entropy&cs=srgb&fm=jpg&ixid=M3w3NDk1ODF8MHwxfHNlYXJjaHwxfHx0cmF2ZWwlMjBkZXN0aW5hdGlvbnxlbnwwfHx8fDE3NTY3MjM1MTB8MA&ixlib=rb-4.1.0&q=85);background-position:50%;background-size:cover;bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0;z-index:1}.signup-card{animation:fadeInUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 50px #0000001a;max-width:450px;padding:40px;position:relative;width:100%;z-index:2}.signup-logo{border-radius:50%;box-shadow:0 10px 25px #0000001a;display:block;height:80px;margin:0 auto 20px;object-fit:cover;width:80px}.signup-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:2rem;font-weight:700;margin-bottom:10px;text-align:center}.signup-subtitle{color:#666;font-size:1rem;line-height:1.5;margin-bottom:30px;text-align:center}.signup-form{display:flex;flex-direction:column;gap:20px}.signup-form label{color:#333;font-size:.95rem;font-weight:600;margin-bottom:5px}.signup-form input{background:#fffc;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;padding:15px;transition:all .3s ease}.signup-form input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.signup-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:15px;transition:all .3s ease}.signup-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.signup-btn:active{transform:translateY(0)}.error-message{border-radius:8px;font-size:.9rem;margin-bottom:15px;padding:12px}.signup-footer{color:#666;font-size:.9rem;line-height:1.6;margin-top:25px;text-align:center}.signup-footer a{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s ease}.signup-footer a:hover{color:#764ba2;text-decoration:underline}@media (max-width:480px){.signup-container{padding:15px}.signup-card{padding:30px 25px}.signup-title{font-size:1.6rem}.signup-btn,.signup-form input{font-size:.95rem;padding:12px}}.verify-otp-container{background-color:#f9f9f9;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 10px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:80px auto;max-width:400px;padding:30px 20px;text-align:center}.verify-otp-container h2{color:#087695;margin-bottom:20px}.verify-otp-container input{border:1px solid #ccc;border-radius:5px;font-size:16px;margin-bottom:20px;outline:none;padding:12px 15px;transition:border-color .3s;width:300px}.verify-otp-container input:focus{border-color:#087695}.verify-otp-container button{background-color:#fec045;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background-color .3s;width:300px}.verify-otp-container button:hover{background-color:#0b0701}.verify-otp-container .error-message{color:red;font-size:14px;margin-top:10px}.info-message{color:green}.explorer{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;min-height:100vh;padding:40px 20px}.explorer .explore-title{color:#fff;font-size:3rem;font-weight:700;margin:40px 0;text-align:center;text-shadow:2px 2px 4px #0000004d}.explorer .search-bar{align-items:center;display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.explorer .search-bar input,.explorer .search-bar select{background:#fffffff2;border:none;border-radius:25px;box-shadow:0 4px 15px #0000001a;color:#333;font-size:16px;padding:15px 20px;transition:all .3s ease;width:350px}.explorer .search-bar input:focus,.explorer .search-bar select:focus{box-shadow:0 8px 25px #00000026;outline:none;transform:translateY(-2px)}.explorer .search-bar button{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:25px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 40px;transition:all .3s ease}.explorer .search-bar button:hover{background:linear-gradient(135deg,#ff5252,#e53935);box-shadow:0 8px 25px #ff6b6b66;transform:translateY(-3px)}.places-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:40px;max-width:1200px;width:100%}.card{background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 30px #0000001a;color:#333;overflow:hidden;transition:all .3s ease;width:300px}.card:hover{box-shadow:0 20px 50px #00000026;transform:translateY(-10px)}.card-content{padding:25px}.card-content h3{color:#667eea;font-size:1.4rem;font-weight:600;margin-bottom:15px}.card-content p{color:#666;font-size:1rem;line-height:1.5;margin:8px 0}.card-content img{border-radius:8px;height:180px;margin-top:10px;object-fit:cover;width:100%}.see-more-btn{background-color:#f4c93a;border:none;border-radius:5px;color:#000;cursor:pointer;font-weight:700;margin-top:10px;padding:8px 0;transition:background-color .2s;width:100%}.see-more-btn:hover{background-color:#e6b800}.place-modal{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:2000}.place-modal-content{background:#fff;border-radius:10px;box-shadow:0 5px 20px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:20px;position:relative;width:90%}.place-modal-close{background:none;border:none;cursor:pointer;font-size:1.5rem;font-weight:700;position:absolute;right:15px;top:10px;z-index:10}.place-modal-image{border-radius:8px;display:block;margin-bottom:15px;max-width:100%}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #fff3;box-shadow:0 4px 20px #0000001a;justify-content:space-between;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.logo-container,.nav{align-items:center;display:flex}.logo-container{gap:15px}.nav .logo-container .app-logo{border-radius:50%;box-shadow:0 4px 15px #2bd0fe4d;height:45px;width:45px}.nav .logo-container span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;text-shadow:none}.nav ul{align-items:center;display:flex;gap:15px;list-style:none;margin:0;padding:0}.nav ul li a{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;font-size:14px;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.nav ul li a:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.nav ul li .logout-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:8px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.nav ul li .logout-btn:hover{background:linear-gradient(135deg,#ff5252,#e53935);box-shadow:0 8px 25px #ff6b6b66;transform:translateY(-2px)}.nav ul li .loading-text{background:#f8f9facc;border:1px solid #e9ecef80;border-radius:25px;color:#666;font-size:14px;font-style:italic;padding:12px 24px}.menu-toggle{background:none;border:none;border-radius:8px;color:#667eea;cursor:pointer;display:none;font-size:28px;padding:5px;transition:all .3s ease}.menu-toggle:hover{background:#667eea1a;transform:scale(1.1)}@media (max-width:768px){.nav{flex-wrap:wrap;padding:10px 20px}.menu-toggle{display:block;margin-left:auto;z-index:1100}.nav ul{align-items:flex-start;background:#0000;border:none;box-shadow:none;display:none;flex-direction:column;gap:10px;margin:0;padding:0;position:absolute;right:20px;top:60px;z-index:1000}.nav ul.show{animation:fadeIn .3s ease-in-out;display:flex}.nav ul li{margin:0;width:150px}.nav ul li .loading-text,.nav ul li .logout-btn,.nav ul li a{box-shadow:0 2px 5px #0000001a;display:block;font-weight:600;padding:12px 15px;text-align:left;transition:background .3s ease;width:70%}.nav ul li .logout-btn:hover,.nav ul li a:hover{background:#e0e0e0;color:#000}}.welcome-container{background:linear-gradient(135deg,#02024f,#674603);color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.top-bar{background:#fff;justify-content:space-between;padding:15px 40px}.app-icon-container,.top-bar{align-items:center;display:flex}.app-icon-container{gap:10px}.app-icon{border-radius:10px;height:50px;object-fit:cover;width:50px}.auth-buttons .btn{border-radius:8px;font-weight:700;margin-left:10px;padding:8px 16px;text-decoration:none;transition:transform .2s ease,background-color .3s ease}.login-btn-home{background:#0ba6c9;color:#f1f2f4}.signup-btn-home{background:#ffcb61;color:#fff}.auth-buttons .btn:hover{opacity:.9;transform:translateY(-2px)}.welcome-main{align-items:center;animation:fadeInUp 1.2s ease-out;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.animated-text{animation:textGlow 2s infinite alternate;font-size:2.5rem;font-weight:700;margin-bottom:15px}.highlight{color:#ffcb61}.intro-text{font-size:1.2rem;margin-bottom:10px}.tagline{font-size:1rem;font-style:italic;margin-bottom:30px}.explore-btn{background:#fff;border-radius:8px;color:#77bef0;font-size:1rem;font-weight:700;padding:12px 24px;text-decoration:none;transition:transform .3s ease,background-color .3s ease}.explore-btn:hover{background-color:#ffcb61;color:#fff;transform:scale(1.05)}.footer{background:#00000040;font-size:.85rem;padding:15px}@keyframes textGlow{0%{text-shadow:0 0 5px #fff6}to{text-shadow:0 0 15px #fffc}}.footer{background-color:#f2f2f2;color:#333;font-family:Arial,sans-serif;margin-top:50px;padding:30px 0;text-align:center}.footer-container{margin:0 auto;max-width:1000px}.footer h3{font-size:24px;margin-bottom:15px}.quick-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;list-style:none;margin:10px 0 20px;padding:0}.quick-links li a{color:#666;text-decoration:none;transition:color .3s ease}.quick-links li a:hover{color:#ff69b4}.footer p{color:#999;font-size:14px}.plan-trip{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;min-height:100vh;padding:40px 20px}.plan-trip h2{color:#fff;font-size:3rem;font-weight:700;margin:40px 0;text-align:center;text-shadow:2px 2px 4px #0000004d}.plan-trip-error{background:#ffffffe6;border-radius:25px;box-shadow:0 4px 15px #0000001a;color:#ff6b6b;font-weight:600;margin-bottom:20px;padding:15px 25px;text-align:center}.plan-trip-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 30px #0000001a;color:#333;display:flex;flex-direction:column;gap:20px;max-width:500px;padding:40px;width:100%}.plan-trip-form label{color:#667eea;display:flex;flex-direction:column;font-size:16px;font-weight:600}.plan-trip-form input{background:#ffffffe6;border:2px solid #667eea33;border-radius:25px;font-size:16px;margin-top:8px;padding:15px 20px;transition:all .3s ease}.plan-trip-form input:focus{border-color:#667eea;box-shadow:0 4px 15px #667eea33;outline:none;transform:translateY(-2px)}.plan-trip-form button{align-self:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:25px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:15px 40px;transition:all .3s ease}.plan-trip-form button:hover{background:linear-gradient(135deg,#ff5252,#e53935);box-shadow:0 8px 25px #ff6b6b66;transform:translateY(-3px)}.save-trip-container{margin:20px;text-align:center}.save-trip-button{align-self:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:25px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:15px 40px;transition:all .3s ease}.save-trip-button:hover{background:linear-gradient(135deg,#ff5252,#e53935);box-shadow:0 8px 25px #ff6b6b66;transform:translateY(-3px)}.itinerary-section{align-items:center;display:flex;flex-direction:column;margin:40px auto;max-width:900px;width:100%}.itinerary-title{color:#fff;font-size:2rem;margin-bottom:20px;text-shadow:1px 1px 4px #0000004d}.day-selector{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:30px}.day-chip{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:10px 18px;transition:all .3s ease}.day-chip:hover{background:#fff3}.day-chip.active{background:linear-gradient(135deg,#f4c93a,#ff9f1c);box-shadow:0 4px 15px #ff9f1c80;color:#222}.day-card{background:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #00000026;color:#333;max-width:700px;padding:25px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.day-card:hover{box-shadow:0 20px 40px #0003;transform:translateY(-5px)}.day-card h3{color:#667eea;font-size:1.5rem;margin-bottom:15px}.day-card ul{list-style:none;margin:0;padding:0}.day-card li{border-bottom:1px solid #0000000d;display:flex;gap:10px;padding:10px 0}.act-time{color:#764ba2;font-weight:700}.act-desc{flex:1 1}@media (max-width:1024px){.plan-trip h2{font-size:2.5rem;margin:30px 0}.plan-trip-form{max-width:450px;padding:30px}}@media (max-width:768px){.plan-trip{padding:30px 15px}.plan-trip h2{font-size:2rem;margin:25px 0}.plan-trip-form{gap:15px;max-width:90%;padding:25px}.plan-trip-form label{font-size:14px}.plan-trip-form button,.plan-trip-form input{font-size:14px;padding:12px 16px}.itinerary-title{font-size:1.5rem}.day-card{max-width:95%;padding:20px}.day-card h3{font-size:1.3rem}.day-chip{font-size:14px;padding:8px 14px}}@media (max-width:480px){.plan-trip{padding:20px 10px}.plan-trip h2{font-size:1.6rem;margin:20px 0}.plan-trip-form{border-radius:15px;gap:12px;padding:20px}.plan-trip-form button,.plan-trip-form input{font-size:13px;padding:10px 14px}.plan-trip-error{font-size:.85rem;padding:10px 15px}.itinerary-title{font-size:1.3rem;margin-bottom:15px}.day-selector{gap:8px}.day-chip{font-size:12px;padding:6px 12px}.day-card{border-radius:15px;padding:15px}.day-card h3{font-size:1.1rem}.day-card li{flex-direction:column;gap:4px}.act-time{font-size:.9rem}.act-desc{font-size:.85rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.day-card li,.day-card.animate{animation:fadeInUp .5s ease forwards}.day-card li{opacity:0;transform:translateY(15px)}.day-card li.show{opacity:1;transform:translateY(0)}.hotels-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;min-height:100vh;padding:40px 20px}.hotels-container h2{color:#fff;font-size:3rem;font-weight:700;margin:40px 0;text-align:center;text-shadow:2px 2px 4px #0000004d}.hotel-rooms-loading-container{align-items:center;color:#fff;display:flex;flex-direction:column;gap:20px}.hotel-rooms-loading{font-size:1.2rem;font-weight:600;text-shadow:1px 1px 2px #0000004d}.hotel-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-content:center;max-width:1200px;padding:20px;width:100%}.hotel-card{align-items:center;background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;padding:25px;transition:all .3s ease}.hotel-card:hover{box-shadow:0 20px 50px #00000026;transform:translateY(-10px)}.hotel-card h3{color:#667eea;font-size:1.4rem;font-weight:600;margin-bottom:15px;text-align:center}.hotel-card p{color:#666;line-height:1.5;margin:8px 0;text-align:center}.hotel-image{border-radius:15px;box-shadow:0 4px 15px #0000001a;height:200px;margin-bottom:20px;object-fit:cover;width:100%}.famous-foods-content{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;min-height:100vh;padding:40px 20px}.famous-foods-content h2{color:#fff;font-size:3rem;font-weight:700;margin:40px 0;text-align:center;text-shadow:2px 2px 4px #0000004d}.error{background:#ffffffe6;border-radius:25px;box-shadow:0 4px 15px #0000001a;color:#ff6b6b;font-weight:600;padding:15px 25px}.restaurants-loading-container{align-items:center;color:#fff;display:flex;flex-direction:column;gap:20px}.food-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-content:center;max-width:1200px;padding:20px;width:100%}.food-card{align-items:center;background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;padding:25px;transition:all .3s ease}.food-card:hover{box-shadow:0 20px 50px #00000026;transform:translateY(-10px)}.food-card h3{color:#667eea;font-size:1.4rem;font-weight:600;margin-bottom:15px;text-align:center}.food-card p{color:#666;line-height:1.5;margin:8px 0;text-align:center}.home-container{background:#f8f9fa;min-height:100vh}.home-hero{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.hero-content{max-width:800px}.hero-content h1{font-size:4rem;line-height:1.2}.hero-content p{font-size:1.4rem}.hero-features{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:40px}.feature-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;display:flex;gap:8px;padding:10px 20px}.cta-button,.feature-icon{font-size:1.2rem}.cta-button{box-shadow:0 10px 30px #ff6b6b4d;padding:18px 50px}.cta-button:hover{box-shadow:0 15px 40px #ff6b6b66}.home-content{background:#f8f9fa;position:relative;z-index:10}.container{margin:0 auto;max-width:1200px;padding:0 20px}.quick-actions-section{background:#fff;padding:80px 0}.quick-actions-section h2{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:50px;position:relative;text-align:center}.quick-actions-section h2:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.quick-actions-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.action-card{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 30px #0000001a;cursor:pointer;padding:35px 25px;text-align:center;transition:all .3s ease}.action-card:hover{box-shadow:0 20px 50px #00000026;transform:translateY(-10px)}.action-icon{font-size:2rem;height:80px;margin:0 auto 20px;width:80px}.bg-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.bg-green{background:linear-gradient(135deg,#10b981,#059669)}.bg-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.bg-orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.action-card h3{color:#333;font-size:1.4rem;font-weight:600;margin-bottom:15px}.action-card p{color:#666;font-size:1rem;line-height:1.6}.featured-destinations{background:#f8f9fa;padding:80px 0}.featured-destinations h2{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:50px;position:relative;text-align:center}.featured-destinations h2:after{background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.destinations-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.destination-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden;transition:all .3s ease}.destination-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.destination-image{height:250px;overflow:hidden;position:relative}.destination-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.destination-card:hover .destination-image img{transform:scale(1.05)}.next-buttons{display:flex;gap:10px}.next-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.next-btn:hover{background:#fff;transform:scale(1.1)}.destination-content{padding:25px}.destination-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.destination-header h3{color:#333;font-size:1.3rem;font-weight:600}.destination-state{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;font-size:.8rem;font-weight:500;padding:5px 12px}.destination-description{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:20px}.explore-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:10px 25px;transition:all .3s ease}.explore-btn:hover{box-shadow:0 5px 15px #4facfe4d;transform:translateY(-2px)}.loading-destinations{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:100px 20px}.features-section{background:#fff;padding:80px 0}.features-section h2{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:50px;position:relative;text-align:center}.features-section h2:after{background:linear-gradient(135deg,#a8edea,#fed6e3);border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.feature-card{align-items:center;background:#f8f9fa;border-radius:20px;display:flex;gap:25px;padding:30px;transition:all .3s ease}.feature-card:hover{box-shadow:0 15px 35px #0000001a;transform:translateY(-5px)}.feature-image{border-radius:50%;flex-shrink:0;height:100px;overflow:hidden;width:100px}.feature-image img{height:100%;object-fit:cover;width:100%}.feature-content h3{color:#333;font-size:1.3rem;font-weight:600;margin-bottom:10px}.feature-content p{color:#666;line-height:1.6}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:100px 0;text-align:center}.cta-content h2{font-size:2.8rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px #0000004d}.cta-content p{font-size:1.2rem;margin-bottom:40px;opacity:.95}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.primary-cta{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:50px;box-shadow:0 8px 25px #ff6b6b4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:18px 40px;transition:all .3s ease}.primary-cta:hover{box-shadow:0 12px 30px #ff6b6b66;transform:translateY(-3px)}.secondary-cta{background:#0000;border:2px solid #fffc;border-radius:50px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:18px 40px;transition:all .3s ease}.secondary-cta:hover{background:#ffffff1a;transform:translateY(-3px)}.error-message{margin:40px auto;padding:20px}@media (max-width:768px){.hero-content h1{font-size:2.8rem}.hero-content p{font-size:1.1rem}.hero-features{gap:15px}.feature-item{font-size:.9rem;padding:8px 15px}.destinations-grid,.features-grid,.quick-actions-grid{gap:20px;grid-template-columns:1fr}.feature-card{flex-direction:column;text-align:center}.cta-buttons{align-items:center;flex-direction:column}.primary-cta,.secondary-cta{max-width:300px;width:100%}}.profile-container{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:flex-start;min-height:100vh;padding:20px}.profile-heading{color:#fff;font-size:3rem;font-weight:700;margin:40px 0;text-align:center;text-shadow:2px 2px 4px #0000004d}.profile-subheading{color:#fff;font-size:1.8rem;font-weight:600;margin:30px 0;text-align:center;text-shadow:1px 1px 2px #0000004d}.saved-trips-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-items:center;margin:20px auto;max-width:1100px;width:100%}.saved-trip-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 30px #0000001a;color:#333;display:flex;flex-direction:column;padding:25px;transition:all .3s ease}.saved-trip-card:hover{box-shadow:0 20px 50px #00000026;transform:translateY(-10px)}.view-btn{align-self:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:15px;padding:12px 24px;transition:all .3s ease}.view-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.delete-btn{align-self:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:25px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin:5px;padding:12px 24px;transition:all .3s ease}.delete-btn:hover{background:linear-gradient(135deg,#ff5252,#e53935);box-shadow:0 8px 25px #ff6b6b66;transform:translateY(-3px)}.profile-error,.profile-loading{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:600px;padding:40px 20px;text-align:center}.profile-error p,.profile-loading p{color:#666;font-size:1.1rem;line-height:1.6;margin:20px 0}.retry-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:20px;padding:12px 24px;transition:all .3s ease}.retry-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}@media (max-width:1024px){.saved-trips-grid{gap:25px;grid-template-columns:repeat(2,1fr)}.trip-details{max-width:600px;width:95%}}@media (max-width:768px){.saved-trips-grid{gap:20px;grid-template-columns:1fr 1fr}.saved-trip-card{max-width:100%}.trip-details{max-width:500px;width:95%}}@media (max-width:480px){.saved-trips-grid{grid-template-columns:1fr}.saved-trip-card{max-width:90%}.trip-details{max-width:380px;width:95%}}.delete-confirmation{align-items:center;display:flex;font-size:.9rem;gap:8px}.confirm-btn{background-color:#dc3545}.cancel-btn,.confirm-btn{border:none;border-radius:3px;color:#fff;cursor:pointer;padding:3px 8px}.cancel-btn{background-color:#6c757d}.message{border-radius:4px;font-size:.95rem;margin:10px 0;padding:8px 12px}.message.success{background-color:#d4edda;color:#155724}.message.error{background-color:#f8d7da;color:#721c24}.profile-info{border-radius:10px;flex-shrink:0;margin-top:30px;max-width:300px;min-width:250px;padding:20px}.profile-info img{border:3px solid #fff;border-radius:50%;box-shadow:0 4px 8px #ffffff80;height:120px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;width:120px}.profile-info img:hover{box-shadow:0 6px 12px #0000004d;transform:scale(1.05)}.profile-picture{display:inline-block;margin-bottom:15px;position:relative}.profile-picture .edit-btn{border:none;border-radius:12px;bottom:0;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px;position:absolute;right:0;transition:background-color .3s ease}.profile-picture .edit-btn:hover{background-color:#357ab8}.profile-info h2{font-style:italic}.profile-info h2,.profile-info p{color:#fff;font-size:10px}.profile-trips-vlogs{flex:1 1}.saved-trips-carousel,.saved-vlogs-carousel{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.nav-btn{background:#667eeacc;color:#fff;font-size:1.5rem;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.nav-btn.left{left:10px}.nav-btn.right{right:10px}.nav-btn:hover{background:#667eea;transform:translateY(-50%) scale(1.1)}.saved-trip-card,.vlog-card{background:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;max-width:90%;overflow:hidden;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:500px}.saved-trip-card:hover,.vlog-card:hover{box-shadow:0 12px 25px #00000026;transform:translateY(-5px)}.trip-details{animation:fadeIn .3s ease;background:#f3f4f6;border-radius:12px;box-shadow:0 4px 8px #0000001a;font-size:.95rem;margin:15px auto 30px;max-width:700px;padding:20px;text-align:left;width:90%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.vlog-comments{border-top:1px solid #ddd;padding:5px 10px;text-align:left}@media (max-width:1024px){.saved-trip-card,.vlog-card{width:250px}.nav-btn{background-color:#5a67d8;font-size:1.3rem;height:35px;width:35px}}@media (max-width:768px){.saved-trip-card,.vlog-card{width:220px}.nav-btn{background-color:#5a67d8;font-size:1.2rem;height:30px;width:30px}}@media (max-width:480px){.saved-trip-card,.vlog-card{margin:0 auto;width:90%}.nav-btn{background-color:#5a67d8;font-size:1rem;height:28px;width:28px}}.destination-overlay{align-items:flex-end;background:linear-gradient(180deg,#0000,#0000004d);bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:20px;position:absolute;right:0;top:0;transition:opacity .3s ease}.destination-card:hover .destination-overlay{opacity:1}.nav-buttons{display:flex;gap:10px}.nav-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.nav-btn:hover{background:#fff;transform:scale(1.1)}.no-content{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;box-shadow:0 8px 20px #0000000d;margin:30px auto;max-width:600px;padding:50px 20px;text-align:center;transition:all .3s ease}.no-content:hover{box-shadow:0 12px 25px #00000014;transform:translateY(-3px)}.no-content-icon{background:#667eea1a;border-radius:50%;color:#667eea;display:inline-block;font-size:4rem;margin-bottom:20px;padding:20px}.no-content h3{color:#333;font-size:1.4rem;font-weight:700;margin-bottom:10px}.no-content p{color:#666;font-size:1rem;margin-bottom:20px}.no-content-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s ease}.no-content-btn:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.vlog-actions{gap:16px;margin-top:8px}.action-item{align-items:center;display:flex;font-size:14px;gap:6px}.action-item svg{height:24px;width:24px}.comment-item{cursor:pointer}.vlog-comments{margin-top:8px;padding-top:8px}.vlog-comment{margin-bottom:6px}.no-comments{color:#666;font-style:italic}.saved-trip-card img{border-radius:12px;display:block;margin-bottom:8px;max-height:70vh;object-fit:cover;width:100%}.vlog-comments{background-color:#f9f9f9;border-radius:8px;border-top:1px solid #ccc;margin-top:10px;max-height:200px;overflow-y:auto;padding:10px}.vlog-comment{font-size:14px;line-height:1.4;margin-bottom:8px}.dashboard-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.dashboard-content{padding-top:80px}.dashboard-hero{align-items:center;display:flex;height:60vh;justify-content:center;margin-bottom:40px;overflow:hidden;position:relative}.hero-overlay{background:linear-gradient(135deg,#667eeacc,#764ba2cc)}.hero-content h1{font-size:3.5rem;margin-bottom:20px}.hero-content p{font-size:1.3rem;margin-bottom:30px}.cta-button{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:50px;box-shadow:0 8px 25px #ff6b6b4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 40px;transition:all .3s ease}.cta-button:hover{box-shadow:0 12px 30px #ff6b6b66;transform:translateY(-3px)}.dashboard-grid{grid-gap:40px;display:grid;gap:40px;margin:0 auto;max-width:1200px;padding:0 20px}.dashboard-section{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:30px}.dashboard-section h2{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:25px;position:relative}.dashboard-section h2:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:50px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.view-all-btn{background:#0000;border:2px solid #667eea;border-radius:25px;color:#667eea;cursor:pointer;font-weight:600;padding:8px 20px;transition:all .3s ease}.view-all-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.quick-actions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.quick-action-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #0000000d;border-radius:15px;cursor:pointer;padding:25px;text-align:center;transition:all .3s ease}.quick-action-card:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-5px)}.action-icon{border-radius:50%;color:#fff;font-size:1.5rem;height:60px;margin:0 auto 15px;width:60px}.bg-blue-500{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.bg-green-500{background:linear-gradient(135deg,#10b981,#059669)}.bg-purple-500{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.bg-orange-500{background:linear-gradient(135deg,#f59e0b,#d97706)}.bg-indigo-500{background:linear-gradient(135deg,#6366f1,#4f46e5)}.quick-action-card h3{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:8px}.quick-action-card p{color:#666;font-size:.9rem;line-height:1.4}.trips-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.trip-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;overflow:hidden;padding:25px;position:relative}.trip-card:before{background:#ffffff1a;border-radius:50%;content:"";height:100px;position:absolute;right:0;top:0;transform:translate(30px,-30px);width:100px}.trip-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.trip-header h3{font-size:1.3rem;font-weight:600}.trip-duration{background:#fff3;border-radius:20px;font-size:.9rem;font-weight:500;padding:5px 12px}.trip-interests{color:#ffffffe6;font-size:.95rem;margin-bottom:20px}.trip-footer{align-items:center;display:flex;justify-content:space-between}.trip-date{font-size:.85rem;opacity:.8}.view-trip-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.view-trip-btn:hover{background:#ffffff4d}.no-trips{color:#666;padding:40px;text-align:center}.no-trips-icon{font-size:4rem;margin-bottom:20px}.no-trips h3{color:#333;font-size:1.3rem;margin-bottom:10px}.plan-first-trip-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;margin-top:20px;padding:12px 30px;transition:all .3s ease}.plan-first-trip-btn:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.activity-list{display:flex;flex-direction:column;gap:15px}.activity-item{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.activity-item:hover{background:#e9ecef;transform:translateX(5px)}.activity-icon{font-size:1.5rem;text-align:center;width:40px}.activity-content p{color:#333;font-weight:500;margin:0 0 5px}.activity-time{color:#666;font-size:.85rem}.inspiration-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.inspiration-section h2{color:#fff}.inspiration-section h2:after{background:#ffffff4d}.inspiration-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.inspiration-card{background:#ffffff1a;border:1px solid #fff3;border-radius:15px;overflow:hidden;transition:all .3s ease}.inspiration-card:hover{box-shadow:0 15px 30px #0003;transform:translateY(-5px)}.inspiration-card img{height:150px;object-fit:cover;width:100%}.inspiration-content{padding:20px}.inspiration-content h3{font-size:1.1rem;font-weight:600;margin-bottom:8px}.inspiration-content p{font-size:.9rem;line-height:1.4;opacity:.9}.loading-container{min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e0e0e0;border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.1rem}.dashboard-grid{padding:0 15px}.dashboard-section{padding:20px}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.section-header{align-items:flex-start;flex-direction:column;gap:15px}}.transportation-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.transportation-content{padding-top:80px}.transportation-hero{align-items:center;display:flex;height:50vh;justify-content:center;margin-bottom:40px;overflow:hidden;position:relative}.hero-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-image{height:100%;object-fit:cover;width:100%}.hero-overlay{background:linear-gradient(135deg,#4facfecc,#00f2fecc);height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.hero-content{color:#fff;max-width:600px;padding:0 20px;position:relative;text-align:center;z-index:3}.hero-content h1{font-size:3rem;font-weight:700;margin-bottom:15px;text-shadow:2px 2px 4px #0000004d}.hero-content p{font-size:1.2rem;line-height:1.6;opacity:.95}.search-section{margin:0 auto 40px;max-width:800px;padding:0 20px}.transport-search-form{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 15px 35px #0000001a;padding:30px}.search-inputs{grid-gap:20px;align-items:end;display:grid;gap:20px;grid-template-columns:1fr auto 1fr;margin-bottom:25px}.input-group{display:flex;flex-direction:column}.input-group label{color:#333;font-size:.95rem;font-weight:600;margin-bottom:8px}.input-group input{background:#fffc;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;padding:15px;transition:all .3s ease}.input-group input:focus{background:#fff;border-color:#4facfe;box-shadow:0 0 0 3px #4facfe1a;outline:none}.search-divider{padding-bottom:10px}.search-divider,.swap-locations{align-items:center;display:flex;justify-content:center}.swap-locations{background:#fff;border:2px solid #e0e0e0;border-radius:50%;color:#666;cursor:pointer;font-size:1.2rem;height:50px;transition:all .3s ease;width:50px}.swap-locations:hover{border-color:#4facfe;color:#4facfe;transform:rotate(180deg)}.search-transport-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:12px;box-shadow:0 8px 25px #4facfe4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px;transition:all .3s ease;width:100%}.search-transport-btn:hover{box-shadow:0 12px 30px #4facfe66;transform:translateY(-2px)}.error-message{background:#ff47571a;border:1px solid #ff475733;border-radius:12px;color:#ff4757;margin:20px auto;max-width:600px;padding:15px;text-align:center}.loading-container{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-container p{font-size:1.1rem;margin-top:20px}.transport-results{margin:0 auto 40px;max-width:1000px;padding:0 20px}.transport-results h2{color:#333;font-size:2rem;font-weight:700;margin-bottom:30px;position:relative;text-align:center}.transport-results h2:after{background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.transport-options-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.transport-option-card{background:#fff;border:1px solid #fff3;border-radius:18px;box-shadow:0 10px 30px #0000001a;padding:25px;transition:all .3s ease}.transport-option-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.transport-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.transport-icon{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.transport-info h3{color:#333;font-size:1.3rem;font-weight:600;margin-bottom:10px}.transport-details{display:flex;flex-wrap:wrap;gap:15px}.transport-details span{align-items:center;color:#666;display:flex;font-size:.9rem;gap:5px}.transport-actions{text-align:center}.book-transport-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:25px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s ease}.book-transport-btn:hover{box-shadow:0 8px 20px #ff6b6b66;transform:translateY(-2px)}.popular-routes{margin:60px auto;max-width:1000px;padding:0 20px}.popular-routes h2{color:#333;font-size:2rem;font-weight:700;margin-bottom:30px;position:relative;text-align:center}.popular-routes h2:after{background:linear-gradient(135deg,#a8edea,#fed6e3);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.routes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.route-card{align-items:center;background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;display:flex;justify-content:space-between;padding:25px;transition:all .3s ease}.route-card:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-3px)}.route-info h3{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:8px}.route-info p{color:#666;font-size:.9rem;margin-bottom:5px}.route-time{color:#4facfe;font-size:.85rem;font-weight:600}.quick-search-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.quick-search-btn:hover{box-shadow:0 4px 15px #4facfe4d;transform:translateY(-2px)}.transport-tips{margin:60px auto;max-width:1000px;padding:0 20px}.transport-tips h2{color:#333;font-size:2rem;font-weight:700;margin-bottom:30px;position:relative;text-align:center}.transport-tips h2:after{background:linear-gradient(135deg,#ffecd2,#fcb69f);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.tips-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tip-card{background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;padding:25px;text-align:center;transition:all .3s ease}.tip-card:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-5px)}.tip-icon{font-size:2.5rem;margin-bottom:15px}.tip-card h3{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:10px}.tip-card p{color:#666;font-size:.95rem;line-height:1.5}@media (max-width:768px){.hero-content h1{font-size:2.2rem}.search-inputs{gap:15px;grid-template-columns:1fr}.search-divider{display:none}.transport-search-form{padding:20px}.transport-details{flex-direction:column;gap:8px}.route-card{flex-direction:column;gap:15px;text-align:center}}.vlogs-main-container{background:#fff!important;color:#fff;font-family:Inter,sans-serif;min-height:100vh}.vlogs-container{margin:0 auto;max-width:550px;min-height:100vh;padding:0;position:relative}.vlogs-top-controls{align-items:center;background:#fff;display:flex;justify-content:space-around;padding:24px 0 18px}.vlogs-top-controls form{display:flex;flex-direction:row}.vlogs-top-controls .create-vlog-btn{background:#ff4747;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-left:auto;margin-right:12px;padding:.6em 2.2em;transition:background .2s}.vlogs-top-controls .create-vlog-btn:hover{background:#cc3030}.vlogs-top-controls .vlogs-search-form{flex:1 1;justify-content:flex-start}.vlogs-search-form input{background:#fff;border:1px solid red;border-radius:12px;color:#000;font-size:1rem;margin-right:10px;padding:11px 1.6em;width:60%}.vlogs-search-form button{background:#ff4747;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:9px 19px}.vlogs-search-form button:hover{background:#393949}.vlogs-grid{gap:32px;margin-top:18px;padding-bottom:40px}.vlog-card{background:#fff;border-radius:20px;box-shadow:0 6px 38px 0 #00000063;color:#17181a;display:flex;flex-direction:column;margin:0 auto;min-height:170px;overflow:hidden;padding:0;width:100%}.vlog-header{align-items:center;display:flex;gap:12px;padding:20px 20px 0}.vlog-profile-pic{background:#232326;border:1px solid #232326;border-radius:50%;height:46px;object-fit:cover;width:46px}.vlog-username{color:#000;font-size:1.1rem;font-weight:600}.vlog-header .vlog-posted-time{color:#b7b7ba;font-size:.95rem;font-weight:400;margin-left:auto}.vlog-text{padding:8px 20px 0}.vlog-text h3{color:#000;font-size:1.23rem;font-weight:700;margin-bottom:3px;margin-top:0}.vlog-text p{color:#818185;font-size:1.05rem;margin:0 0 5px}.vlog-media-container{align-items:center;background:#232326;display:flex;justify-content:center;margin:20px 0 10px;min-height:110px}.vlog-media{border-radius:14px;max-height:290px}.vlog-media-container p{color:#151516;font-size:1.03rem;font-weight:500;margin:32px auto;text-align:center}.vlog-actions{flex-direction:row;gap:36px;margin-top:16px;padding:0 0 18px}.action-group,.vlog-actions{align-items:center;display:flex}.action-group{flex-direction:column;gap:2px}.action-icon{align-items:center;cursor:pointer;display:flex;justify-content:center;transition:transform .12s}.action-icon:hover{transform:scale(1.18)}.action-label{color:#d0d0d6;font-size:.97rem;font-weight:500;margin-top:2px;text-align:center}.vlog-comments{display:none}.vlog-comments.active{background:#fff;display:flex;flex-direction:column;gap:7px;padding:0 20px 20px}.vlog-comments p{color:#565454;margin:0}.vlog-comments input{background:#fff;border:1px solid red;border-radius:10px;color:#000;font-size:1rem;margin-right:9px;padding:8px 13px;width:88%}.vlog-comments button{align-self:flex-end;background:#ff4747;border:none;border-radius:10px;color:#fff;font-size:1.01rem;font-weight:600;margin-top:4px;padding:6px 16px}.vlog-comments button:hover{background:#cc3030}.modal-overlay{background:#1c1c1eed}.modal-content{background:#232326;border-radius:22px;color:#fff}.vlogs-container,.vlogs-grid{-ms-overflow-style:none;scrollbar-width:none}.vlogs-container::-webkit-scrollbar,.vlogs-grid::-webkit-scrollbar{background:#0000;width:0}.modal-overlay{align-items:center;background:#000000a6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:popupScale .25s ease-out;background:#fff;border-radius:18px;box-shadow:0 12px 40px #00000059;color:#000;max-width:550px;padding:28px 24px;width:90%}@keyframes popupScale{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.create-vlog-form input,.create-vlog-form textarea{background:#f9f9f9;border:1px solid #ccc;border-radius:10px;color:#000;font-size:1rem;margin-bottom:12px;padding:10px 14px;width:90%}.modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.modal-buttons button{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:8px 18px}.modal-buttons button[type=submit]{background:#ff4747;color:#fff}.modal-buttons button[type=submit]:hover{background:#cc3030}.modal-buttons button[type=button]{background:#e4e4e4;color:#000}.modal-buttons button[type=button]:hover{background:#cfcfcf}.user-profile-page{background-color:#f5f5f5;color:#333;font-family:Inter,sans-serif;min-height:100vh}.user-profile-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;margin:2rem auto;max-width:700px;padding:1rem;text-align:center}.user-profile-pic-large{border:3px solid #f3f3f3;border-radius:50%;height:100px;object-fit:cover;width:100px}.user-profile-container h2{color:#111;font-size:1.8rem;margin-bottom:.5rem}.user-profile-container h3{color:#444;font-size:1.5rem;margin-bottom:1rem;margin-top:2rem;text-align:left}.vlogs-grid{display:flex;flex-direction:column;gap:1.5rem}.vlog-card{background-color:#fefefe;border-radius:10px;box-shadow:0 2px 6px #0000001a;padding:1rem;text-align:left}.vlog-card h4{color:#222;font-size:1.3rem;margin-bottom:.5rem}.vlog-card p{color:#555;font-size:1rem;margin-bottom:.7rem}.vlog-media{border-radius:8px;max-height:400px;object-fit:cover;width:100%}
/*# sourceMappingURL=main.dc39c042.css.map*/