.destination-detail-page{background:#d8dfe9;min-height:calc(100vh - 70px);padding:50px 6%}.detail-container{max-width:1100px;margin:0 auto}.back-button{color:#022831;cursor:pointer;background:0 0;border:none;margin-bottom:20px;font-size:15px;font-weight:600}.back-button:hover{color:#04566e}.detail-card{background:#fff;border-radius:20px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden;box-shadow:0 8px 30px #0228311f}.detail-image-wrapper{min-height:500px}.detail-image{object-fit:cover;width:100%;height:100%;min-height:500px;display:block}.detail-content{flex-direction:column;justify-content:center;padding:45px;display:flex}.detail-category{color:#022831;background:#b4d330;border-radius:20px;width:fit-content;margin-bottom:15px;padding:7px 13px;font-size:13px;font-weight:700}.detail-content h1{color:#022831;margin:0 0 18px;font-size:38px;line-height:1.15}.detail-info{flex-wrap:wrap;gap:12px;margin-bottom:30px;display:flex}.detail-info span{color:#022831;background:#d8dfe9;border-radius:10px;padding:9px 12px;font-size:14px;font-weight:600}.detail-description h2{color:#04566e;margin-bottom:10px;font-size:20px}.detail-description p{color:#4d5b60;margin:0;font-size:15px;line-height:1.8}.detail-favorite-button{color:#fff;cursor:pointer;background:#04566e;border:none;border-radius:10px;width:fit-content;margin-top:30px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.detail-favorite-button:hover{background:#022831}.detail-state{color:#022831;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:70vh;display:flex}.detail-state button{color:#fff;cursor:pointer;background:#04566e;border:none;border-radius:8px;padding:10px 18px}@media (width<=800px){.destination-detail-page{padding:35px 5%}.detail-card{grid-template-columns:1fr}.detail-image-wrapper,.detail-image{height:320px;min-height:320px}.detail-content{padding:30px}.detail-content h1{font-size:30px}}@media (width<=450px){.destination-detail-page{padding:25px 4%}.detail-image-wrapper,.detail-image{height:250px;min-height:250px}.detail-content{padding:22px}.detail-content h1{font-size:26px}.detail-info{flex-direction:column;align-items:flex-start}.detail-description p{font-size:14px}.detail-favorite-button{width:100%}}:root{--dark-teal:#022831;--lagoon-blue:#04566e;--pastel-green:#689368;--pear-green:#b4d330;--windy-blue:#d8dfe9;--white:#fff;--text-dark:#16343b;--text-gray:#68777c;--border:#e6ecee;--soft-bg:#f7f9f9;color:var(--text-dark);background:var(--white);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--white);min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#022831f7;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;height:76px;padding:0 7%;display:flex;position:sticky;top:0}.navbar-logo{color:var(--white);letter-spacing:2px;font-size:25px;font-weight:800}.navbar-menu{align-items:center;gap:34px;display:flex}.navbar-menu a{color:#ffffffe0;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.navbar-menu a:not(.login-button):after{content:"";background:var(--pear-green);width:0;height:2px;transition:width .2s;position:absolute;bottom:-7px;left:0}.navbar-menu a:not(.login-button):hover{color:var(--pear-green)}.navbar-menu a:not(.login-button):hover:after{width:100%}.login-button{background:var(--pear-green);border-radius:8px;padding:10px 20px;transition:transform .2s,opacity .2s;color:var(--dark-teal)!important;font-weight:700!important}.login-button:hover{opacity:.9;transform:translateY(-1px)}.logout-button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:color .2s,background .2s}.logout-button:hover{color:var(--pear-green);background:#ffffff14}@media (width<=650px){.logout-button{text-align:center;width:100%;margin-top:5px;padding:12px 0}}.menu-toggle{width:42px;height:42px;color:var(--white);background:0 0;border:none;border-radius:8px;font-size:25px;display:none}.hero{background:radial-gradient(circle at 85% 30%, #04566e2e, transparent 35%), linear-gradient(135deg, #edf2f5 0%, var(--windy-blue) 100%);align-items:center;min-height:570px;padding:90px 7%;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:#b4d3302e;border-radius:50%;width:400px;height:400px;position:absolute;bottom:-180px;right:-150px}.hero-content{z-index:1;width:100%;max-width:720px;position:relative}.hero-small{color:var(--lagoon-blue);letter-spacing:2.5px;align-items:center;gap:9px;margin-bottom:18px;font-size:13px;font-weight:800;display:inline-flex}.hero-small:before{content:"";background:var(--pear-green);width:30px;height:2px}.hero h1{max-width:720px;color:var(--dark-teal);letter-spacing:-2px;margin-bottom:24px;font-size:clamp(42px,5.5vw,68px);font-weight:800;line-height:1.04}.hero p{max-width:570px;color:var(--text-gray);margin-bottom:32px;font-size:17px;line-height:1.75}.hero button{background:var(--lagoon-blue);min-width:190px;color:var(--white);border:none;border-radius:9px;padding:14px 24px;font-size:14px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s;box-shadow:0 8px 20px #04566e33}.hero button:hover{background:var(--dark-teal);transform:translateY(-2px);box-shadow:0 10px 25px #02283138}.destinations-section{background:var(--white);width:100%;padding:90px 7%}.section-header{justify-content:space-between;align-items:flex-end;margin-bottom:40px;display:flex}.section-label{color:var(--pastel-green);letter-spacing:2px;margin-bottom:9px;font-size:12px;font-weight:800}.section-header h2{color:var(--dark-teal);letter-spacing:-.7px;font-size:clamp(28px,3vw,38px);font-weight:800;line-height:1.2}.destination-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;display:grid}.destination-card{background:var(--white);border:1px solid var(--border);border-radius:14px;min-width:0;transition:transform .25s,box-shadow .25s;overflow:hidden;box-shadow:0 4px 18px #0228310b}.destination-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px #0228311f}.destination-image{object-fit:cover;background:var(--windy-blue);width:100%;height:205px;transition:transform .35s;display:block}.destination-card:hover .destination-image{transform:scale(1.03)}.destination-content{padding:20px}.destination-category{max-width:100%;color:var(--pastel-green);letter-spacing:.3px;text-overflow:ellipsis;white-space:nowrap;background:#68936821;border-radius:20px;margin-bottom:11px;padding:6px 10px;font-size:10px;font-weight:800;display:inline-block;overflow:hidden}.destination-content h3{color:var(--dark-teal);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:9px;font-size:18px;font-weight:750;line-height:1.35;display:-webkit-box;overflow:hidden}.destination-description{height:66px;color:var(--text-gray);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}.destination-info{border-top:1px solid var(--border);color:var(--lagoon-blue);justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:15px;font-size:12px;font-weight:700;display:flex}.destination-info span:last-child{color:var(--dark-teal)}.destinations-section>p{color:var(--text-gray);text-align:center;padding:50px 0;font-size:14px}@media (width<=1100px){.navbar{padding:0 5%}.hero{padding:80px 5%}.destinations-section{padding:75px 5%}.destination-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}}@media (width<=850px){.navbar-menu{gap:20px}.hero{min-height:500px}.hero h1{max-width:600px}.destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.navbar{height:66px;padding:0 5%}.navbar-logo{font-size:22px}.menu-toggle{justify-content:center;align-items:center;display:flex}.navbar-menu{background:var(--dark-teal);border-top:1px solid #ffffff14;flex-direction:column;align-items:stretch;gap:0;width:100%;padding:10px 5% 20px;display:none;position:absolute;top:66px;left:0;box-shadow:0 10px 25px #02283126}.navbar-menu.open{display:flex}.navbar-menu a{padding:14px 0;font-size:14px}.navbar-menu a:not(.login-button):after{display:none}.login-button{text-align:center;margin-top:5px}.hero{min-height:auto;padding:70px 5% 75px}.hero:before{width:280px;height:280px;bottom:-120px;right:-150px}.hero-small{letter-spacing:1.8px;font-size:11px}.hero h1{letter-spacing:-1.5px;margin-bottom:20px;font-size:clamp(38px,11vw,48px)}.hero p{margin-bottom:27px;font-size:14px;line-height:1.7}.hero button{width:100%;padding:15px}.destinations-section{padding:65px 5%}.section-header{margin-bottom:28px}.section-header h2{font-size:28px}.destination-grid{grid-template-columns:1fr;gap:20px}.destination-image{height:220px}}@media (width<=400px){.hero{padding-top:55px}.hero h1{font-size:36px}.destinations-section{padding-top:50px}.destination-content{padding:17px}.destination-image{height:200px}}.recommendation-hero{background:linear-gradient(135deg, var(--dark-teal), var(--lagoon-blue));color:#fff;align-items:center;min-height:390px;padding:75px 7%;display:flex}.recommendation-hero-content{width:100%;max-width:720px}.recommendation-hero .hero-small{color:var(--pear-green)}.recommendation-hero h1{color:#fff;letter-spacing:-1.5px;margin-bottom:20px;font-size:clamp(40px,5vw,60px);line-height:1.08}.recommendation-hero p:not(.hero-small){color:#ffffffbf;max-width:580px;font-size:16px;line-height:1.7}.recommendation-section{background:#f8faf9;min-height:500px;padding:70px 7%}.recommendation-box{z-index:2;border:1px solid var(--border);background:#fff;border-radius:16px;max-width:1000px;margin:-115px auto 70px;padding:30px;position:relative;box-shadow:0 15px 45px #0228311f}.recommendation-box label{color:var(--dark-teal);margin-bottom:12px;font-size:15px;font-weight:750;display:block}.recommendation-input-wrapper{gap:12px;display:flex}.recommendation-input-wrapper input{min-width:0;color:var(--dark-teal);background:#fff;border:1px solid #d9e1e3;border-radius:9px;outline:none;flex:1;padding:15px 17px;font-size:14px;transition:border-color .2s,box-shadow .2s}.recommendation-input-wrapper input:focus{border-color:var(--lagoon-blue);box-shadow:0 0 0 3px #04566e1a}.recommendation-input-wrapper button{background:var(--lagoon-blue);color:#fff;white-space:nowrap;border:none;border-radius:9px;padding:0 24px;font-size:13px;font-weight:700;transition:all .2s}.recommendation-input-wrapper button:hover{background:var(--dark-teal)}.recommendation-examples{flex-wrap:wrap;align-items:center;gap:8px;margin-top:17px;display:flex}.recommendation-examples span{color:var(--text-gray);margin-right:3px;font-size:12px}.recommendation-examples button{color:var(--lagoon-blue);background:#fff;border:1px solid #dce5e4;border-radius:20px;padding:7px 12px;font-size:11px;font-weight:600;transition:all .2s}.recommendation-examples button:hover{border-color:var(--pastel-green);background:#68936814}.recommendation-results{max-width:1200px;margin:0 auto}.results-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px;display:flex}.results-header h2{color:var(--dark-teal);font-size:30px}.result-count{color:var(--lagoon-blue);background:#b4d3302e;border-radius:20px;padding:8px 13px;font-size:12px;font-weight:700}.recommendation-loading{min-height:250px;color:var(--text-gray);flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex}.loading-spinner{border:3px solid var(--windy-blue);border-top-color:var(--lagoon-blue);border-radius:50%;width:35px;height:35px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.recommendation-error{color:#b33a3a;margin-top:10px;font-size:12px}.no-result{text-align:center;max-width:600px;margin:0 auto;padding:55px 20px}.no-result h3{color:var(--dark-teal);margin-bottom:10px;font-size:20px}.no-result p{color:var(--text-gray);font-size:14px;line-height:1.6}@media (width<=650px){.recommendation-hero{min-height:330px;padding:60px 5% 130px}.recommendation-hero h1{font-size:39px}.recommendation-hero p:not(.hero-small){font-size:14px}.recommendation-section{padding:0 5% 60px}.recommendation-box{border-radius:14px;margin:-85px 0 55px;padding:22px}.recommendation-input-wrapper{flex-direction:column}.recommendation-input-wrapper input{width:100%}.recommendation-input-wrapper button{min-height:48px;padding:0 20px}.recommendation-examples{align-items:flex-start}.results-header{flex-direction:column;align-items:flex-start}.results-header h2{font-size:26px}}.auth-page{background:var(--soft-bg);min-height:100vh}.auth-container{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-intro{background:radial-gradient(circle at 80% 20%, #68936859, transparent 30%), linear-gradient(145deg, var(--dark-teal), var(--lagoon-blue));color:#fff;flex-direction:column;padding:45px 8%;display:flex;position:relative;overflow:hidden}.auth-intro:before{content:"";background:#b4d33026;border-radius:50%;width:400px;height:400px;position:absolute;bottom:-170px;right:-180px}.auth-logo{z-index:1;color:#fff;letter-spacing:2px;width:fit-content;font-size:25px;font-weight:800;text-decoration:none;position:relative}.auth-intro-content{z-index:1;max-width:550px;margin:auto 0;position:relative}.auth-label{color:var(--pear-green);letter-spacing:2px;align-items:center;gap:9px;margin-bottom:18px;font-size:12px;font-weight:800;display:flex}.auth-label:before{content:"";background:var(--pear-green);width:25px;height:2px}.auth-intro-content h1{color:#fff;letter-spacing:-1.5px;margin-bottom:25px;font-size:clamp(40px,4vw,60px);line-height:1.08}.auth-intro-content>p:last-child{color:#ffffffb8;max-width:500px;font-size:15px;line-height:1.8}.auth-form-wrapper{background:#fff;justify-content:center;align-items:center;padding:50px 8%;display:flex}.auth-form{width:100%;max-width:430px}.auth-form-header{margin-bottom:35px}.auth-form-header h2{color:var(--dark-teal);margin-bottom:9px;font-size:30px;font-weight:800}.auth-form-header p{color:var(--text-gray);font-size:14px}.form-group{margin-bottom:20px}.form-group label{color:var(--dark-teal);margin-bottom:8px;font-size:13px;font-weight:700;display:block}.form-group input{width:100%;color:var(--dark-teal);background:#fff;border:1px solid #dce4e6;border-radius:8px;outline:none;padding:14px 15px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input::placeholder{color:#a4afb2}.form-group input:focus{border-color:var(--lagoon-blue);box-shadow:0 0 0 3px #04566e17}.auth-error{color:#b33a3a;background:#fff5f5;border:1px solid #f0cccc;border-radius:7px;margin-bottom:18px;padding:11px 13px;font-size:12px}.auth-success{color:var(--pastel-green);background:#f1f8f1;border:1px solid #c9dfc9;border-radius:7px;margin-bottom:18px;padding:11px 13px;font-size:12px}.auth-submit{background:var(--lagoon-blue);color:#fff;border:none;border-radius:8px;width:100%;padding:14px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.auth-submit:hover:not(:disabled){background:var(--dark-teal);transform:translateY(-1px)}.auth-submit:disabled{cursor:not-allowed;opacity:.6}.auth-switch{color:var(--text-gray);text-align:center;margin-top:25px;font-size:13px}.auth-switch a{color:var(--lagoon-blue);font-weight:700;text-decoration:none}.auth-switch a:hover{color:var(--dark-teal);text-decoration:underline}@media (width<=800px){.auth-container{grid-template-columns:1fr}.auth-intro{min-height:300px;padding:30px 7%}.auth-intro-content{margin-top:65px;margin-bottom:15px}.auth-intro-content h1{font-size:38px}.auth-intro-content>p:last-child{font-size:13px}.auth-form-wrapper{min-height:550px;padding:55px 7%}}@media (width<=450px){.auth-intro{min-height:280px;padding:25px 6%}.auth-logo{font-size:22px}.auth-intro-content{margin-top:45px}.auth-intro-content h1{font-size:34px}.auth-form-wrapper{padding:45px 6%}.auth-form-header h2{font-size:26px}}.destination-image-wrapper{position:relative;overflow:hidden}.destination-image-wrapper .destination-image{display:block}.favorite-button{width:40px;height:40px;color:var(--dark-teal);cursor:pointer;background:#fffffff0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:21px;line-height:1;transition:transform .2s,background .2s,color .2s;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 4px 12px #02283126}.favorite-button:hover{background:var(--white);color:#c94a4a;transform:scale(1.08)}.favorite-button.saved{background:var(--pear-green);color:var(--dark-teal)}.favorite-button:disabled{cursor:default}.favorites-page{background:#f8faf9;min-height:calc(100vh - 76px);padding:75px 7%}.favorites-header{max-width:700px;margin-bottom:45px}.favorites-header h1{color:var(--dark-teal);margin-bottom:12px;font-size:clamp(32px,4vw,46px);line-height:1.15}.favorites-header>p:last-child{color:var(--text-gray);font-size:15px;line-height:1.7}.empty-favorites{text-align:center;max-width:500px;margin:80px auto}.empty-heart{width:70px;height:70px;color:var(--pastel-green);background:#b4d3302e;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:35px;display:flex}.empty-favorites h3{color:var(--dark-teal);margin-bottom:10px;font-size:20px}.empty-favorites p{color:var(--text-gray);font-size:14px;line-height:1.6}@media (width<=650px){.favorites-page{padding:55px 5%}.favorites-header{margin-bottom:30px}.favorites-header h1{font-size:32px}}.detail-button{color:#04566e;cursor:pointer;background:0 0;border:2px solid #04566e;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:18px;padding:12px 16px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.detail-button span{font-size:18px;line-height:1;transition:transform .2s}.detail-button:hover{color:#fff;background:#04566e;transform:translateY(-1px)}.detail-button:hover span{transform:translate(4px)}.detail-button:active{transform:translateY(0)}