:root{--color-surface: #fcf9f2;--color-surface-dim: #dcdad3;--color-surface-bright: #fcf9f2;--color-surface-container-lowest: #ffffff;--color-surface-container-low: #f6f3ec;--color-surface-container: #f1eee7;--color-surface-container-high: #ebe8e1;--color-surface-container-highest: #e5e2db;--color-on-surface: #1c1c18;--color-on-surface-variant: #3e494a;--color-inverse-surface: #31312c;--color-inverse-on-surface: #f3f0e9;--color-outline: #6e797b;--color-outline-variant: #bdc9ca;--color-surface-tint: #006972;--color-primary: #006972;--color-on-primary: #ffffff;--color-primary-container: #5bb6c1;--color-on-primary-container: #00454b;--color-secondary: #51661e;--color-on-secondary: #ffffff;--color-secondary-container: #d3ed95;--color-on-secondary-container: #576c23;--color-tertiary: #825516;--color-on-tertiary: #ffffff;--color-tertiary-container: #d79e59;--color-on-tertiary-container: #5a3600;--color-error: #ba1a1a;--color-on-error: #ffffff;--color-background: #fcf9f2;--color-on-background: #1c1c18;--color-surface-variant: #e5e2db;--font-primary: "Be Vietnam Pro", "Noto Sans TC", sans-serif;--font-script: "Quicksand", "Noto Sans TC", sans-serif;--font-caps: "Syne", sans-serif;--rounded-sm: .125rem;--rounded-default: .25rem;--rounded-md: .375rem;--rounded-lg: .5rem;--rounded-xl: .75rem;--rounded-full: 9999px;--spacing-unit: 8px;--spacing-gutter: 24px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--color-background);color:var(--color-on-surface);line-height:1.6;overflow-x:hidden}.grid-paper{background-color:#fcf9f2;background-image:linear-gradient(to right,rgba(189,201,202,.15) 1px,transparent 1px),linear-gradient(to bottom,rgba(189,201,202,.15) 1px,transparent 1px);background-size:24px 24px}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:700;color:var(--color-on-surface)}.script-text{font-family:var(--font-script);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-primary);font-weight:700;padding:10px 24px;border-radius:var(--rounded-full);border:none;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;font-size:15px}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary);box-shadow:0 4px 10px #00697226}.btn-primary:hover{background-color:#00565e;transform:translateY(-2px);box-shadow:0 6px 14px #00697240}.btn-primary:active{transform:translateY(1px);box-shadow:0 2px 4px #0069721a}.btn-large{padding:14px 36px;font-size:18px}.btn-block{display:block;width:100%}.navbar{position:sticky;top:0;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(110,121,123,.2);z-index:100;box-shadow:0 4px 20px #00000005}.navbar-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:12px 20px}.logo a{display:flex;align-items:center;text-decoration:none}.logo-icon{height:46px;width:auto;display:block;mix-blend-mode:multiply;margin-right:8px}.logo-text{font-family:"M PLUS Rounded 1c",Noto Sans TC,sans-serif;font-size:22px;font-weight:800;color:var(--color-primary);letter-spacing:1px}.nav-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:48px;height:48px;background:none;border:none;cursor:pointer;padding:10px;z-index:101;margin-right:-12px}.hamburger-line{width:24px;height:2px;background-color:var(--color-primary);border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.nav-toggle.active .hamburger-line:nth-child(2){opacity:0}.nav-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5.5px,-6.5px)}.nav-menu{position:absolute;top:100%;left:0;width:100%;background-color:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(110,121,123,.2);display:none;flex-direction:column;align-items:center;padding:24px 0;gap:20px;box-shadow:0 10px 20px #0000000d;z-index:99}.nav-menu.active{display:flex!important}.nav-item{color:var(--color-on-surface-variant);text-decoration:none;font-weight:700;font-size:16px;transition:color .2s;position:relative;padding:4px 0}.nav-item:hover,.nav-item.active{color:var(--color-primary)}.nav-item.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:24px;height:2px;background-color:var(--color-primary);border-radius:2px}.hide-on-mobile{display:none!important}.show-on-mobile{display:block!important}.hero-section{padding:40px 20px;max-width:1200px;margin:0 auto}.hero-container{display:flex;flex-direction:column;gap:32px;align-items:center;text-align:center}.hero-content{display:flex;flex-direction:column;align-items:center}.badge{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:12px 24px 18px;margin-bottom:24px;margin-top:16px;color:#4a4a4a;font-weight:800;font-size:16px;letter-spacing:2px;transform:rotate(-3deg);z-index:1;background:none;border:none;box-shadow:none}.badge:before{content:"";position:absolute;top:-10px;left:20%;width:60px;height:18px;background-color:#d2a679e6;transform:rotate(-4deg);z-index:2;box-shadow:0 1px 2px #0000001a}.badge:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#f8ecd4;z-index:-1;box-shadow:2px 6px 12px #00000014;clip-path:polygon(0% 0%,100% 0%,100% 88%,97% 96%,93% 89%,89% 98%,85% 91%,81% 99%,77% 88%,73% 96%,68% 90%,64% 97%,60% 89%,56% 96%,52% 87%,48% 98%,44% 89%,40% 96%,36% 88%,32% 97%,28% 90%,24% 95%,20% 89%,16% 98%,12% 91%,8% 96%,4% 88%,0% 94%)}.hero-title{font-size:26px;font-weight:800;line-height:1.3;margin-bottom:20px;color:var(--color-primary)}.highlight-text{color:var(--color-primary);background-image:linear-gradient(120deg,#5bb6c14d,#5bb6c14d);background-repeat:no-repeat;background-size:100% 40%;background-position:0 80%}.hero-desc{font-size:14px;color:var(--color-on-surface-variant);margin-bottom:28px;white-space:normal;max-width:500px}.arrow{margin-left:8px;transition:transform .2s}.btn-register:hover .arrow{transform:translate(4px)}.hero-image-container{width:100%;display:flex;justify-content:center;order:-1}.hero-collage{display:block;width:100%;max-width:600px;aspect-ratio:.85;margin:0 auto;position:relative}.hero-collage .polaroid-frame{position:absolute;background-color:#fff;padding:20px 10px 12px;border:none;border-radius:0;box-shadow:none;filter:url(#torn-paper) drop-shadow(2px 8px 15px rgba(0,0,0,.12));transition:transform .3s,filter .3s,z-index 0s;margin:0!important}.hero-collage .polaroid-frame:nth-child(2n){border-radius:0;filter:url(#torn-paper-2) drop-shadow(2px 8px 15px rgba(0,0,0,.12))}.hero-collage .polaroid-frame:hover{transform:scale(1.05) rotate(0)!important;filter:url(#torn-paper) drop-shadow(4px 12px 25px rgba(0,0,0,.2))!important;z-index:20!important}.hero-collage .polaroid-frame:nth-child(2n):hover{filter:url(#torn-paper-2) drop-shadow(4px 12px 25px rgba(0,0,0,.2))!important}.hero-collage .polaroid-frame img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}.hero-collage .polaroid-frame:nth-child(2n) img{border-radius:0}.hero-collage .frame-1{width:25%;top:13%;left:4%;transform:rotate(-8deg);z-index:1}.hero-collage .frame-1 img{aspect-ratio:3/4}.hero-collage .frame-2{width:36%;top:5%;left:28%;transform:rotate(1deg);z-index:2}.hero-collage .frame-2 img{aspect-ratio:1/1}.hero-collage .frame-3{width:26%;top:7%;left:63%;transform:rotate(7deg);z-index:1}.hero-collage .frame-3 img{aspect-ratio:3/4}.hero-collage .frame-4{width:50%;top:45%;left:4%;transform:rotate(-5deg);z-index:4}.hero-collage .frame-4 img{aspect-ratio:1/1}.hero-collage .frame-5{width:46%;top:41%;left:52%;transform:rotate(4deg);z-index:3}.hero-collage .frame-5 img{aspect-ratio:4/3}.hero-collage .frame-6{position:absolute;width:33%;top:72%;left:55%;z-index:5}.hero-collage .illustration-sticker{mix-blend-mode:multiply;opacity:.9;animation:float-sticker 6s ease-in-out infinite}.hero-collage .illustration-sticker img{width:100%;height:auto;object-fit:contain}@keyframes float-sticker{0%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-12px) rotate(2deg)}to{transform:translateY(0) rotate(-5deg)}}.hero-collage .paperclip{position:absolute;top:-15px;left:10px;font-size:clamp(20px,6vw,38px);z-index:10;filter:drop-shadow(2px 4px 3px rgba(0,0,0,.25));transform:rotate(-15deg);pointer-events:none}.hero-collage .tape-top{position:absolute;top:-8px;left:50%;transform:translate(-50%) rotate(-2deg);background-color:#c49a6cd9;width:clamp(40px,12vw,80px);height:clamp(12px,4vw,25px);z-index:10;box-shadow:0 1px 3px #0000001a;border-radius:1px}.hero-collage .pushpin{position:absolute;width:clamp(14px,3.5vw,22px);height:clamp(14px,3.5vw,22px);border-radius:50%;z-index:10;box-shadow:2px 4px 6px #0000004d,inset -2px -2px 4px #0003;pointer-events:none}.hero-collage .pushpin:before{content:"";position:absolute;bottom:-6px;left:30%;width:2px;height:8px;background:#0006;transform:rotate(30deg);z-index:-1;filter:blur(1px)}.hero-collage .pushpin:after{content:"";position:absolute;top:25%;left:25%;width:30%;height:30%;background:#ffffffb3;border-radius:50%}.hero-collage .pushpin-red{background:radial-gradient(circle at 30% 30%,#ff6b6b,#c0392b)}.hero-collage .pushpin-blue{background:radial-gradient(circle at 30% 30%,#5bb6c1,#006972)}.hero-collage .pushpin-yellow{background:radial-gradient(circle at 30% 30%,#ffd23f,#d79e59)}.hero-collage .tape-bottom-right{position:absolute;bottom:8px;right:-10px;transform:rotate(-35deg);background-color:#c49a6cd9;width:clamp(35px,10vw,70px);height:clamp(11px,3.5vw,22px);z-index:10;box-shadow:0 1px 3px #0000001a}.sticker{position:absolute;font-family:var(--font-caps);font-weight:800;z-index:6;cursor:default;-webkit-user-select:none;user-select:none}.sticker-star-1{color:#ffd23f;font-size:24px;top:130px;left:50px;transform:rotate(-15deg);text-shadow:1px 1px 0 rgba(0,0,0,.1)}.sticker-star-2{color:#ffd23f;font-size:18px;bottom:150px;right:40px;transform:rotate(20deg);text-shadow:1px 1px 0 rgba(0,0,0,.1)}.sticker-arrow{color:var(--color-primary-container);font-size:28px;top:15px;left:175px;transform:rotate(45deg);text-shadow:1px 1px 0 rgba(0,0,0,.1)}.hero-img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.torn-divider{height:30px;width:100%;background-repeat:repeat-x;background-size:800px 30px;z-index:10;position:relative}.divider-sand-to-white{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 30' preserveAspectRatio='none'><path d='M0,15 C100,22 200,5 300,18 C400,30 500,10 600,22 C700,32 750,8 800,15 L800,30 L0,30 Z' fill='%23ffffff'/></svg>");margin-bottom:-1px}.about-us-section{padding:60px 20px 20px;position:relative}.features-grid{display:grid;grid-template-columns:1fr;gap:30px;max-width:1000px;margin:0 auto}.mustgo-section{background-color:#fff;padding:60px 20px}.section-container{max-width:1200px;margin:0 auto}.mustgo-header,.tours-header,.scenery-header{position:relative;margin-bottom:40px;display:flex;flex-direction:column;align-items:center}.section-title{font-size:28px;font-weight:800;display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.text-green{color:var(--color-secondary)}.text-blue{color:var(--color-primary)}.text-tertiary{color:var(--color-tertiary)}.text-rotated{display:inline-block;transform:rotate(-4deg);font-size:22px;color:var(--color-secondary)}.mustgo-grid{display:flex;flex-direction:column;gap:40px}.section-desc{font-size:16px;color:var(--color-on-surface-variant);margin-bottom:24px;text-align:center}.taped-note{background-color:#fbf8f0;padding:24px;border-radius:2px;position:relative;border:1px solid rgba(229,226,219,.6);box-shadow:2px 8px 25px #0000000a;max-width:480px;margin:0 auto;transform:rotate(-1.5deg);transition:transform .3s}.taped-note:hover{transform:scale(1.02) rotate(0)}.note-title{font-size:18px;color:var(--color-tertiary);margin-bottom:10px;font-weight:700}.note-content{font-size:14px;color:var(--color-on-surface-variant)}.tape{position:absolute;width:80px;height:20px;background-color:#d79e5959;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);clip-path:polygon(0% 10%,4% 0%,96% 0%,100% 10%,98% 50%,100% 90%,96% 100%,4% 100%,0% 90%,2% 50%);z-index:5}.tape-top{top:-10px;left:50%;transform:translate(-50%) rotate(-2deg)}.tape-top-center{top:-10px;left:50%;transform:translate(-50%) rotate(1deg)}.tape-horizontal{transform:rotate(-3deg)}.polaroid-card{background-color:#fff;padding:12px 12px 32px;box-shadow:2px 10px 25px #0000000f;border-radius:4px;transition:transform .3s,box-shadow .3s;position:relative;border:1px solid #f2eee5;width:100%;max-width:320px;margin:0 auto}.polaroid-card:hover{box-shadow:0 16px 40px #0000001f;transform:scale(1.03) rotate(0)!important;z-index:10}.polaroid-img-wrapper{aspect-ratio:1 / 1;width:100%;overflow:hidden;border:1px solid rgba(0,0,0,.04);margin-bottom:12px}.polaroid-img-wrapper img{width:100%;height:100%;object-fit:cover}.polaroid-caption{text-align:center;font-size:16px;font-weight:700;color:var(--color-tertiary);letter-spacing:.05em}.rotate-right{transform:rotate(2deg)}.rotate-left{transform:rotate(-2deg)}.tours-section{padding:60px 20px;background-color:#f4f1ea66}.tours-grid{display:flex;flex-direction:column;gap:32px;align-items:center}.tour-card{background:#fff;border-radius:var(--rounded-lg);overflow:hidden;box-shadow:2px 8px 25px #0000000a;transition:transform .3s,box-shadow .3s;border:1px solid #ebe8e1;width:100%;max-width:360px}.tour-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000014}.tour-img-wrapper{height:200px;position:relative;overflow:hidden}.tour-img-wrapper img{width:100%;height:100%;object-fit:cover}.tour-tag{position:absolute;top:12px;left:12px;color:#fff;padding:4px 10px;border-radius:var(--rounded-sm);font-weight:700;font-size:12px;box-shadow:0 2px 4px #00000026}.tag-hot{background-color:var(--color-error)}.tag-discount{background-color:var(--color-primary)}.tag-special{background-color:var(--color-secondary)}.tour-tag-sub{position:absolute;bottom:12px;left:12px;background-color:#0009;color:#fff;padding:3px 8px;font-size:11px;border-radius:var(--rounded-sm);font-weight:700}.tour-rating{position:absolute;top:12px;right:12px;background-color:#ffd23f;color:#5a3600;padding:3px 8px;border-radius:var(--rounded-sm);font-weight:700;font-size:12px}.tour-info{padding:20px}.tour-meta{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.tour-name{font-size:18px;color:var(--color-primary);font-weight:800}.tour-en{display:block;font-size:12px;color:var(--color-on-surface-variant);font-weight:400}.tour-price{font-size:18px;font-weight:800;color:var(--color-secondary)}.tour-desc{font-size:14px;color:var(--color-on-surface-variant)}.details-section{padding:60px 20px;background-color:#fff}.details-grid{display:flex;flex-direction:column;gap:32px}.notebook-style{background-color:#fbfbfa;background-image:linear-gradient(rgba(0,105,114,.05) 1px,transparent 1px);background-size:100% 28px;line-height:28px;border:1px solid #e0dcda;border-radius:6px;padding:35px 20px 35px 45px;box-shadow:2px 10px 30px #0000000a;position:relative;width:100%;max-width:550px;margin:0 auto}.notebook-style:before{content:"";position:absolute;left:32px;top:0;bottom:0;width:1px;background-color:#ba1a1a40;z-index:2}.notebook-style:after{content:"";position:absolute;left:12px;top:20px;bottom:20px;width:12px;background-image:radial-gradient(circle,#dfdbd7 3.5px,transparent 4.5px);background-size:12px 28px;z-index:2}.details-title{font-size:20px;color:var(--color-primary);margin-bottom:24px;border-bottom:2px dashed var(--color-primary-container);padding-bottom:8px}.details-title .en{font-size:13px;font-weight:400;color:var(--color-on-surface-variant);margin-left:6px}.itinerary-list{list-style:none}.itinerary-list li{display:flex;margin-bottom:0;font-size:15px;padding-bottom:0;height:28px;align-items:center}.itinerary-list li .time{font-weight:700;color:var(--color-primary);width:60px;flex-shrink:0}.itinerary-list li .content{color:var(--color-on-surface)}.sub-details{margin-top:28px;background-color:var(--color-surface-container-low);padding:16px;border-radius:var(--rounded-md);border:1px dashed rgba(110,121,123,.2);line-height:1.5}.sub-block{margin-bottom:12px}.sub-block:last-child{margin-bottom:0}.sub-details .label{display:block;font-size:12px;font-weight:700;color:var(--color-primary);margin-bottom:2px}.sub-details .value{font-size:14px;color:var(--color-on-surface)}.gear-block{margin-bottom:20px;line-height:1.5}.gear-block:last-child{margin-bottom:0}.gear-sub-title{font-size:15px;color:var(--color-secondary);margin-bottom:6px}.gear-content{font-size:14px;color:var(--color-on-surface-variant);border-bottom:1px solid #f1eee7;padding-bottom:10px}.scenery-section{padding:60px 20px;background-color:#fcf9f2cc}.scenery-collage{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}.scenery-collage .polaroid-card{max-width:100%}.scenery-collage .polaroid-card:nth-child(1){transform:translateY(-8px) rotate(-1.5deg)}.scenery-collage .polaroid-card:nth-child(2){transform:translateY(6px) rotate(2deg)}.scenery-collage .polaroid-card:nth-child(3){transform:translateY(-4px) rotate(-1deg)}.scenery-collage .polaroid-card:nth-child(4){transform:translateY(10px) rotate(2.5deg)}.scenery-collage .polaroid-card:nth-child(5){transform:translateY(-6px) rotate(-2deg)}.scenery-collage .polaroid-card:nth-child(6){transform:translateY(4px) rotate(1.5deg)}.scenery-collage .polaroid-caption{font-size:14px;color:var(--color-on-surface-variant)}.tips-section{padding:60px 20px;background-color:#fff}.tips-grid{display:flex;flex-direction:column;gap:60px;max-width:1200px;margin:0 auto}.tips-polaroids{position:relative;display:flex;justify-content:center;height:340px;width:100%;max-width:400px;margin:0 auto}.main-tips{position:absolute;top:10px;z-index:2;width:80%;max-width:280px;transform:rotate(-2deg)}.sub-tips{position:absolute;bottom:-20px;right:0;width:45%;max-width:140px;z-index:3;box-shadow:0 8px 20px #0000001f;padding:6px 6px 16px;transform:rotate(4deg)}.badge-tips{position:absolute;top:-12px;left:-12px;background-color:var(--color-primary);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;transform:rotate(-10deg);box-shadow:0 4px 8px #00000026;border:2px solid white;z-index:10}.safety-card{background-color:#faf6eb;padding:30px 20px;border-radius:var(--rounded-lg);border:1px dashed rgba(130,85,22,.2);width:100%;max-width:500px;margin:0 auto}.safety-title{font-size:22px;color:var(--color-tertiary);margin-bottom:24px}.safety-list{display:flex;flex-direction:column;gap:20px}.safety-item{display:flex;gap:16px}.safety-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 4px 8px #0000000d}.safety-icon svg{width:20px;height:20px}.icon-green{background-color:var(--color-secondary)}.icon-red{background-color:var(--color-error)}.icon-yellow{background-color:var(--color-tertiary)}.safety-info h4{font-size:16px;margin-bottom:4px;color:var(--color-on-surface)}.safety-info p{font-size:14px;color:var(--color-on-surface-variant)}.testimonial-section{padding:60px 20px;background-color:#f4f1ea4d}.testimonial-card{max-width:800px;margin:0 auto;background-color:#fff;padding:40px 24px;border-radius:var(--rounded-lg);box-shadow:0 12px 30px #00000008;text-align:center;border:1px solid #ebe8e1}.testimonial-title{font-size:24px;color:var(--color-primary);margin-bottom:24px}.testimonial-quote{font-size:16px;font-style:italic;color:var(--color-on-surface);line-height:1.8;margin-bottom:20px;position:relative}.testimonial-author{display:block;font-size:15px;font-weight:700;color:var(--color-tertiary)}.policy-section{padding:60px 20px;background-color:#fff}.policy-tab{background-color:var(--color-error);color:var(--color-on-error);display:inline-block;padding:8px 20px;font-weight:700;border-radius:var(--rounded-sm) var(--rounded-sm) 0 0;font-size:14px;box-shadow:2px -2px 10px #00000005}.policy-card{background:#fff;border:1px solid rgba(110,121,123,.25);padding:30px 20px;box-shadow:2px 10px 25px #00000005}.policy-title{font-size:20px;color:var(--color-primary);margin-bottom:20px}.policy-list{list-style:none;display:flex;flex-direction:column;gap:14px}.policy-list li{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--color-on-surface-variant)}.policy-icon{width:22px;height:22px;border-radius:50%;background-color:var(--color-surface-container);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;font-size:12px}.footer{background-color:#fff;border-top:1px solid var(--color-surface-dim);padding:40px 20px}.footer-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:32px;text-align:center}.footer-logo{font-size:18px;color:var(--color-primary);margin-bottom:8px}.footer-copy{font-size:13px;color:var(--color-on-surface-variant)}.footer-subcopy{font-size:11px;color:#999}.footer-contact h4,.footer-social h4{font-size:15px;color:var(--color-on-surface);margin-bottom:12px}.footer-contact p{font-size:14px;color:var(--color-on-surface-variant);margin-bottom:6px}.footer-contact .phone{font-weight:700;color:var(--color-primary)}.footer-address-wrapper{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.social-row{display:flex;align-items:center;gap:16px;justify-content:center}.social-link{color:var(--color-on-surface-variant);text-decoration:none;font-weight:700;transition:color .2s;font-size:14px}.social-link:hover{color:var(--color-primary)}.social-btn-pin{width:32px;height:32px;background-color:#79e0eb;color:#00454b;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0000001a}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s}.modal.active{opacity:1;pointer-events:auto}.modal-content{max-width:450px;width:90%;max-height:85vh;overflow-y:auto;position:relative;animation:modalOpen .3s ease-out}@keyframes modalOpen{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-close{position:absolute;top:14px;right:14px;background:none;border:none;font-size:18px;cursor:pointer;z-index:10}.modal-title{font-size:20px;color:var(--color-primary);margin-bottom:6px;margin-top:10px}.modal-subtitle{font-size:13px;color:var(--color-on-surface-variant);margin-bottom:20px}.booking-form{display:flex;flex-direction:column;gap:14px}.form-group{display:flex;flex-direction:column;gap:4px}.form-label{font-size:13px;font-weight:700;color:var(--color-on-surface)}.form-input{border:none;border-bottom:2px solid var(--color-surface-dim);background-color:transparent;padding:8px 0;font-size:15px;outline:none;transition:border-bottom-color .2s}.form-input:focus{border-bottom-color:var(--color-primary)}.booking-success{position:absolute;top:0;left:0;width:100%;height:100%;background:#fcfbf7;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;opacity:0;pointer-events:none;transition:opacity .3s;z-index:10}.booking-success.active{opacity:1;pointer-events:auto}.success-icon{width:56px;height:56px;background-color:var(--color-secondary-container);color:var(--color-on-secondary-container);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;margin-bottom:20px}.booking-success h4{font-size:20px;margin-bottom:10px}.booking-success p{color:var(--color-on-surface-variant);margin-bottom:20px}@media (min-width: 768px){.navbar-container{flex-direction:row;justify-content:space-between;padding:16px 24px;gap:0}.logo a{font-size:22px}.logo-icon{height:60px;margin-right:10px}.nav-toggle{display:none}.nav-menu{position:static;width:auto;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:none;display:flex;flex-direction:row;gap:32px;padding:0;box-shadow:none;opacity:1;pointer-events:auto;transform:none;transition:none}.nav-item{font-size:16px}.nav-item.active:after{left:0;transform:none;width:100%}.hide-on-mobile{display:flex!important;align-items:center}.show-on-mobile,.mobile-nav-right{display:none!important}.nav-actions{width:auto;margin-top:0}.nav-actions .btn-book{width:auto;padding:10px 24px;font-size:15px}.hero-section{padding:80px 24px}.hero-container{flex-direction:row;display:grid;grid-template-columns:1.1fr .9fr;text-align:left;gap:48px}.hero-content{align-items:flex-start}.hero-title{font-size:38px}.hero-desc{font-size:15px;white-space:pre-line}.hero-image-container{order:0}.hero-collage{max-width:680px}.hero-collage .polaroid-frame{padding:28px 14px 16px}.hero-collage .sticker-star-1{top:230px;left:90px;font-size:30px}.hero-collage .sticker-star-2{bottom:210px;right:80px;font-size:24px}.hero-collage .sticker-arrow{top:30px;left:270px;font-size:36px}.torn-divider{height:40px;background-size:1200px 40px}.divider-sand-to-white{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'><path d='M0,18 C150,28 300,5 450,22 C600,38 750,12 900,28 C1050,44 1150,10 1200,18 L1200,40 L0,40 Z' fill='%23ffffff'/></svg>")}.mustgo-section{padding:100px 24px}.about-us-section{padding:100px 24px 40px}.features-grid{grid-template-columns:1fr 1fr;gap:40px}.mustgo-header,.tours-header,.scenery-header{margin-bottom:60px;align-items:flex-start}.section-title{font-size:36px;justify-content:flex-start}.text-rotated{font-size:28px}.mustgo-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.section-desc{font-size:18px;text-align:left}.taped-note{padding:30px;max-width:100%;margin:0}.polaroid-card{padding:16px 16px 40px;max-width:380px}.polaroid-caption{font-size:20px}.tours-section{padding:100px 24px}.tours-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;align-items:stretch}.tour-card{max-width:100%}.tour-img-wrapper{height:240px}.tour-info{padding:24px}.tour-name{font-size:20px}.logo-text{font-size:24px}.tour-price{font-size:20px}.tour-desc{font-size:15px}.details-section{padding:80px 24px}.details-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px}.notebook-style{padding:40px 40px 40px 60px;max-width:100%;margin:0}.notebook-style:before{left:42px}.notebook-style:after{left:18px;width:14px;background-image:radial-gradient(circle,#dfdbd7 4.5px,transparent 5.5px)}.scenery-collage{grid-template-columns:repeat(3,1fr);gap:40px}.scenery-collage .polaroid-caption{font-size:16px}.tips-section{padding:100px 24px}.tips-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.tips-polaroids{height:480px;max-width:100%;margin:0}.main-tips{max-width:360px}.sub-tips{max-width:180px}.safety-card{padding:40px;max-width:100%;margin:0}.safety-title{font-size:26px}.safety-list{gap:28px}.safety-icon{width:48px;height:48px}.safety-icon svg{width:24px;height:24px}.safety-info h4{font-size:18px}.safety-info p{font-size:15px}.testimonial-section{padding:100px 24px}.testimonial-card{padding:60px 40px}.testimonial-title{font-size:28px}.testimonial-quote{font-size:18px}.testimonial-author{font-size:16px}.policy-section{padding:100px 24px}.policy-card{padding:40px}.policy-title{font-size:22px}.policy-list li{font-size:15px}.footer{padding:60px 24px}.footer-container{flex-direction:row;display:grid;grid-template-columns:1fr 1fr 1fr;text-align:left;gap:40px}.footer-address-wrapper,.social-row{justify-content:flex-start}.modal-content{max-width:500px;max-height:90vh}.modal-title{font-size:24px}}
