/* Date A Thai — responsive frontend demo */
:root{--navy:#082d4c;--navy-2:#103f62;--blue:#16b8ed;--purple:#7927f5;--ink:#13243b;--muted:#718096;--line:#e7edf4;--paper:#fff;--wash:#f5f8fc;--radius:22px;--shadow:0 16px 45px rgba(11,42,73,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background:#fff;font-size:14px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.announcement{height:34px;background:#f4f7fc;color:#52647a;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px}.announcement>span{color:#8527f7;font-size:16px}.announcement a{margin-left:10px;color:#5521c8;font-weight:700}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(4.5vw,24px);background:rgba(255,255,255,.97);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(223,231,242,.75);backdrop-filter:blur(15px)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--navy);font-family:Manrope,sans-serif;font-weight:800;letter-spacing:1.5px;font-size:17px;white-space:nowrap}.brand-mark{width:39px;height:39px;border:2px solid #22bce8;border-radius:13px 13px 16px 16px;display:grid;place-items:center;font-size:29px;line-height:1;color:#8128f5;transform:rotate(-7deg);background:linear-gradient(145deg,#e8fbff,#f4e9ff)}.brand small{display:block;font-family:"DM Sans",sans-serif;font-size:7px;letter-spacing:2px;color:#7e8da2;margin-top:2px}.main-nav{display:flex;gap:clamp(16px,2.2vw,34px);align-items:center;height:100%}.main-nav a{font-size:12px;color:#53647b;height:100%;display:flex;align-items:center;position:relative}.main-nav a:hover,.main-nav a.active{color:#152c4a}.main-nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--purple));border-radius:4px}.header-actions{display:flex;gap:10px;align-items:center}.language-btn{border:0;background:transparent;color:#465a70;font-size:11px;padding:9px}.btn{border:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s}.btn:hover{transform:translateY(-2px);filter:saturate(1.08)}.btn-primary{color:#fff;background:linear-gradient(110deg,#10bdf0 0%,#2786fb 45%,#8419f5 100%);box-shadow:0 9px 22px rgba(103,47,239,.19)}.btn-outline{background:#fff;border:1px solid #d9dff0;color:#4222bd}.btn-light{background:#fff;color:#4f22c7;box-shadow:0 12px 30px rgba(0,0,0,.13)}.btn-small{padding:11px 17px;font-size:11px;border-radius:10px}.btn-large{padding:16px 23px;font-size:12px}.menu-toggle{display:none;background:transparent;border:0;font-size:23px;color:var(--navy)}
.hero{min-height:610px;margin:0 22px;border-radius:0 0 26px 26px;overflow:hidden;position:relative;display:flex;align-items:center;color:#fff;background:#123d5c}.hero-photo{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(3,29,50,.87) 0%,rgba(4,34,57,.68) 42%,rgba(4,34,57,.08) 100%),url('../images/places/romantic-couple-lake.webp');background-size:cover;background-position:center 56%;transform:scale(1.01)}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,28,45,.25),transparent 40%)}.hero-content{position:relative;z-index:1;width:min(630px,57%);padding:66px 0 56px 5.2%}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#bfefff;font-size:10px;letter-spacing:2px;font-weight:700}.eyebrow-dot{width:7px;height:7px;background:#28d9e6;border-radius:50%;box-shadow:0 0 0 5px #25cfe42b}.eyebrow.dark{color:#697c96}.hero h1{font:800 clamp(42px,5vw,70px)/1.06 Manrope,sans-serif;letter-spacing:-2.5px;margin:22px 0 18px;max-width:620px}.hero h1 span,.section-heading h2 span,.story-content h2 span,.join-section h2 span{color:#48dcf0}.hero-copy{font-size:15px;line-height:1.8;color:#e1eaf3;max-width:425px;margin:0 0 25px}.hero-points{display:grid;gap:13px;margin:0 0 28px}.hero-points>div{display:flex;align-items:center;gap:12px}.point-icon{width:35px;height:35px;border:1px solid #66d9ef80;background:#19c3df24;border-radius:12px;display:grid;place-items:center;font-size:21px;color:#a2f4ff}.hero-points b{font-size:12px;font-weight:600;display:block}.hero-points small{display:block;color:#c5d7e4;font-size:10px;margin-top:3px}.hero-ctas{display:flex;align-items:center;gap:22px}.text-link{font-size:12px;font-weight:700;color:#5424ca;display:inline-flex;align-items:center;gap:9px}.hero .text-link{color:#fff}.hero .text-link span{color:#58e2f0}.trust-row{display:flex;align-items:center;gap:12px;margin-top:28px}.avatar-stack{display:flex;padding-left:3px}.avatar-stack span{margin-left:-4px;border:2px solid #fff;width:27px;height:27px;border-radius:50%;background:#d4e9e9;color:#123d5c;font-size:10px;font-weight:700;display:grid;place-items:center}.avatar-stack span:nth-child(2){background:#f0d5be}.avatar-stack span:nth-child(3){background:#e7d4ff}.avatar-stack span:nth-child(4){background:#d5f4e7}.trust-row p{margin:0;font-size:10px;line-height:1.5}.trust-row small{color:#d0deea}.hero-login{position:relative;z-index:2;width:clamp(280px,31%,365px);flex-shrink:0;margin:0 5.2% 0 auto;padding:26px 25px 21px;border:1px solid #ffffffc7;border-top:4px solid #8127f3;border-radius:17px;background:rgba(255,255,255,.97);color:var(--ink);box-shadow:0 24px 65px rgba(3,22,43,.3);backdrop-filter:blur(16px)}
.login-card-heading{text-align:center;margin-bottom:21px}.login-spark{display:block;color:#8127f3;font-size:21px;margin-bottom:5px}.login-card-heading h2{font:800 23px Manrope,sans-serif;letter-spacing:-.7px;margin:0 0 6px}.login-card-heading p{color:#7a879a;font-size:11px;margin:0}.hero-login-form{display:grid;gap:8px}.hero-login-form label{font-size:10px;font-weight:700;color:#53647a;margin-top:4px}.login-input-wrap{display:flex;align-items:center;gap:9px;border:1px solid #e0e7f0;border-radius:9px;padding:0 11px;color:#8290a2}.login-input-wrap:focus-within{border-color:#8b48f6;box-shadow:0 0 0 3px #8527f51a}.login-input-wrap input{width:100%;min-width:0;border:0;outline:0;padding:12px 0;font-size:11px;background:transparent;color:var(--ink);box-shadow:none!important}.password-toggle{border:0;background:transparent;color:#77869a;padding:3px;font-size:15px}.forgot-link{justify-self:end;border:0;background:transparent;color:#6328d8;font-size:10px;padding:2px 0 7px}.hero-login-submit{width:100%;padding:14px}.login-divider{display:flex;align-items:center;gap:12px;margin:15px 0 12px;color:#8390a3}.login-divider span{height:1px;flex:1;background:#e3e9f1}.login-divider small{font-size:10px}.login-signup-copy{text-align:center;font-size:10px;color:#687990;margin:0 0 10px}.hero-signup{width:100%;padding:12px;border-color:#8b39f4}.login-demo-note{text-align:center;font-size:9px;line-height:1.5;color:#9aa5b4;margin:13px 0 0}
.language-menu{position:relative}.language-btn{display:flex;align-items:center;gap:5px;border:1px solid #e4e9f1;border-radius:9px;background:#fff;color:#465a70;font-size:11px;padding:10px 11px}.language-options{position:absolute;top:calc(100% + 9px);right:0;width:160px;padding:6px;background:#fff;border:1px solid #e6ebf3;border-radius:12px;box-shadow:0 15px 35px #0b2b4a20;z-index:40}.language-options[hidden]{display:none}.language-options button{display:flex;align-items:center;gap:9px;width:100%;border:0;border-radius:7px;background:#fff;text-align:left;padding:10px;font-size:11px;color:#43566e}.language-options button:hover{background:#f4f0ff;color:#6025d2}
.search-panel{position:relative;z-index:3;max-width:1160px;margin:-28px auto 0;background:#fff;border:1px solid #edf0f6;border-radius:18px;box-shadow:0 20px 55px rgba(16,48,83,.12);padding:23px 28px;display:flex;align-items:center;gap:28px}.search-heading{display:flex;align-items:center;gap:13px;min-width:220px}.mini-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#6925eb;font-size:28px;background:linear-gradient(145deg,#e6faff,#f3e8ff)}.search-heading h2{font:800 14px Manrope,sans-serif;margin:0 0 5px}.search-heading p{font-size:10px;color:var(--muted);margin:0}.match-search{display:grid;grid-template-columns:1fr 1fr 1.25fr auto;gap:13px;align-items:end;flex:1}.match-search label{font-size:10px;font-weight:700;color:#62748a;display:grid;gap:7px}.match-search select{min-width:0;width:100%;padding:11px 10px;border:1px solid #e3e9f2;border-radius:9px;background:#fff;color:#3c4f66;font-size:11px;outline:none}.match-search select:focus,input:focus{border-color:#8b48f6;box-shadow:0 0 0 3px #8527f51a}.age-selects{display:flex;align-items:center;gap:8px}.age-selects span{color:#91a0b1;font-weight:400}.search-submit{padding:13px 17px;font-size:11px;white-space:nowrap}
.section{padding:100px max(5vw,24px)}.members-section{background:linear-gradient(180deg,#fff,#fbfcff)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px}.section-heading h2,.story-content h2{font:800 clamp(29px,3.2vw,42px)/1.2 Manrope,sans-serif;letter-spacing:-1.4px;margin:13px 0 10px}.section-heading h2 span,.story-content h2 span{color:#6f2bf1}.section-heading p,.section-copy{font-size:13px;color:#7b8a9d;line-height:1.7;margin:0}.member-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.filter-tab{border:1px solid #e4e9f1;background:#fff;border-radius:9px;padding:10px 14px;color:#65758b;font-size:11px}.filter-tab.selected{background:linear-gradient(110deg,#0dbce9,#7a25f1);color:#fff;border-color:transparent}.filter-tab span{opacity:.8;margin-left:4px}.member-count{font-size:10px;color:#8794a5}.member-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.member-card{min-width:0;background:#fff;border:1px solid #edf0f6;border-radius:16px;overflow:hidden;box-shadow:0 6px 22px rgba(18,44,77,.04);transition:transform .25s,box-shadow .25s}.member-card:hover{transform:translateY(-5px);box-shadow:0 17px 35px rgba(18,44,77,.11)}.member-image{height:245px;position:relative;overflow:hidden;background:#d9e3eb}.member-image:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(7,22,35,.13));pointer-events:none}.member-image img{width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform .5s}.member-card:hover .member-image img{transform:scale(1.045)}.member-image.img-four img{object-position:center 24%}.member-image.img-six img{object-position:center 25%}.member-image.img-eight img{object-position:center 40%}.status{position:absolute;z-index:1;left:12px;top:12px;background:#fffdf0e8;color:#8a6c21;padding:6px 8px;border-radius:7px;font-size:9px;font-weight:700}.status.online{color:#07935d;background:#e7fff3ed}.favorite{position:absolute;z-index:2;right:11px;top:11px;width:31px;height:31px;border-radius:50%;border:1px solid #ffffffa6;background:#ffffffd9;color:#5b2ed5;font-size:21px;line-height:1}.favorite[aria-pressed="true"]{color:#f23b79;background:#fff}.member-info{padding:14px 14px 13px}.member-info>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:5px}.member-info h3{font:800 15px Manrope,sans-serif;margin:0}.member-info p{font-size:10px;color:#7c8b9f;margin:6px 0 0}.member-info .verified{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;color:#1689fa;background:#e7f3ff;font-size:11px}.member-bio{line-height:1.55!important;height:32px;overflow:hidden}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0f5;margin-top:13px;padding-top:11px}.interest{font-size:9px;padding:5px 8px;background:#f2edff;color:#7130d6;border-radius:6px}.message-link{border:0;background:transparent;color:#5e2ad6;font-size:10px;font-weight:700}.center-cta{text-align:center;margin-top:32px}.center-cta .btn{min-width:200px}.empty-state{text-align:center;padding:55px 20px;color:#64758a}.empty-state>span{font-size:36px;color:#7b2ef3}.empty-state h3{color:var(--ink);font-family:Manrope,sans-serif}
.story-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding:90px max(7vw,24px);background:#f7f9fd}.story-image{position:relative;min-height:480px;border-radius:22px;overflow:hidden;background:#d6e7e5}.story-image>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.photo-caption{position:absolute;left:20px;right:20px;bottom:20px;background:#fffffff0;display:flex;align-items:center;gap:12px;padding:15px;border-radius:14px;backdrop-filter:blur(12px)}.photo-caption>span{color:#7a2bf3;font-size:25px}.photo-caption p{margin:0}.photo-caption b,.photo-caption small{display:block}.photo-caption b{font-size:12px}.photo-caption small{font-size:10px;color:#75849a;margin-top:4px}.story-content h2{max-width:540px}.story-content .section-copy{margin:15px 0 28px;max-width:530px}.steps{display:grid;gap:22px;margin-bottom:28px}.step{display:grid;grid-template-columns:43px 1fr;gap:13px}.step>span{width:39px;height:39px;border:1px solid #e4d8ff;background:#f2edff;border-radius:12px;display:grid;place-items:center;color:#6f2bf1;font-weight:800;font-size:11px}.step h3{font:800 13px Manrope,sans-serif;margin:1px 0 5px}.step p{font-size:11px;line-height:1.7;color:#7b8a9c;margin:0}
.travel-section{padding:94px max(5vw,24px)}.destination-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.destination{border-radius:18px;overflow:hidden;background:#fff;border:1px solid #e9edf4;box-shadow:0 9px 28px rgba(18,44,77,.06)}.destination-photo{height:220px;background:#e5edf1;overflow:hidden}.destination-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.destination:hover .destination-photo img{transform:scale(1.04)}.destination-info{padding:21px}.destination-info>span{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#8a65da}.destination-info h3{font:800 22px Manrope,sans-serif;margin:9px 0}.destination-info p{font-size:11px;color:#7b8a9c;line-height:1.7;min-height:37px}.destination-info a{display:inline-block;font-size:11px;font-weight:700;color:#6225d4;margin-top:7px}.safety-band{margin:0 max(5vw,24px) 88px;border:1px solid #e9e4ff;border-radius:18px;background:linear-gradient(105deg,#f3fbff,#f7f0ff);display:flex;align-items:center;gap:18px;padding:25px 32px}.safety-icon{width:52px;height:52px;border-radius:16px;background:#fff;box-shadow:0 6px 18px #4826a312;display:grid;place-items:center;color:#7629ef;font-size:29px;flex-shrink:0}.safety-band h2{font:800 15px Manrope,sans-serif;margin:0 0 6px}.safety-band p{font-size:11px;color:#77869a;margin:0;line-height:1.6}.safety-band>a{margin-left:auto;color:#6024d1;font-size:11px;font-weight:700;white-space:nowrap}.join-section{position:relative;overflow:hidden;background:linear-gradient(110deg,#062b4a,#123f69 54%,#4c218b);padding:82px 24px;text-align:center;color:#fff}.join-glow{position:absolute;width:450px;height:450px;left:calc(50% - 225px);top:-320px;background:#14c4ec;border-radius:50%;filter:blur(100px);opacity:.32}.join-section>*:not(.join-glow){position:relative}.join-section h2{font:800 clamp(30px,4vw,47px)/1.2 Manrope,sans-serif;letter-spacing:-1.5px;max-width:700px;margin:17px auto 12px}.join-section p{font-size:13px;color:#d3e2f0;margin:0 auto 25px}.join-section h2 span{color:#63e4f3}.join-section>small{display:block;font-size:10px;color:#bfd1e2;margin-top:15px}.site-footer{background:#061f37;color:#c7d6e5;padding:34px max(5vw,24px) 18px}.footer-top{display:flex;align-items:center;gap:30px;padding-bottom:25px;border-bottom:1px solid #ffffff20}.footer-brand{color:#fff}.footer-brand small{color:#9cb0c6}.footer-top>p{font-size:11px;color:#a5b8ca;margin-right:auto}.social-links{display:flex;gap:8px}.social-links a{width:31px;height:31px;border:1px solid #ffffff35;border-radius:50%;display:grid;place-items:center;font-weight:700}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:18px;font-size:9px;color:#9db1c5}.footer-bottom>div{display:flex;gap:18px}.footer-bottom a:hover{color:#fff}.footer-note{color:#b6a1f3}
.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(3,20,39,.67);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.auth-modal{width:min(100%,430px);max-height:90vh;overflow:auto;position:relative;background:#fff;border-radius:22px;padding:32px;box-shadow:0 30px 90px #00172e55}.modal-close{position:absolute;right:17px;top:15px;border:0;background:#f2f4f8;color:#5c6a7b;border-radius:50%;width:31px;height:31px;font-size:23px}.modal-brand{font-size:14px;margin-bottom:25px}.modal-brand .brand-mark{width:34px;height:34px;font-size:24px}.modal-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#f4f6fa;border-radius:11px;margin-bottom:23px}.modal-tab{border:0;background:transparent;border-radius:8px;padding:11px;color:#78879b;font-size:11px;font-weight:700}.modal-tab.active{background:#fff;color:#6124d1;box-shadow:0 2px 9px #172c450e}.auth-modal h2{font:800 24px Manrope,sans-serif;margin:0 0 7px}.modal-subtitle{font-size:12px;color:#7b899b;margin:0 0 22px}.auth-modal form{display:grid;gap:9px}.auth-modal form label{font-size:11px;font-weight:700;color:#52647a;margin-top:4px}.auth-modal input{width:100%;padding:13px;border:1px solid #dfe6ef;border-radius:9px;outline:none;font-size:12px}.signup-only[hidden]{display:none}.form-notice{padding:10px 11px;border-radius:8px;background:#f5f1ff;color:#6b43b2;font-size:10px;line-height:1.5;margin:5px 0}.modal-submit{width:100%;margin-top:4px}.modal-legal{font-size:10px;line-height:1.6;text-align:center;color:#8b98a9;margin:17px 0 0}.modal-legal a{color:#6325d2;text-decoration:underline}.toast{position:fixed;z-index:120;left:50%;bottom:25px;transform:translate(-50%,20px);background:#102f4d;color:#fff;padding:13px 18px;border-radius:11px;font-size:12px;box-shadow:0 10px 30px #00182d35;opacity:0;pointer-events:none;transition:.25s;max-width:calc(100% - 30px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.site-header{padding:0 25px;gap:14px}.brand{font-size:14px}.main-nav{gap:15px}.header-actions{gap:5px}.language-btn{display:none}.hero{min-height:610px;margin:0 12px}.hero-content{padding-left:4%;width:56%}.hero-login{width:34%;margin-right:3%;padding:22px 18px}.search-panel{margin-left:22px;margin-right:22px;gap:18px}.search-heading{min-width:180px}.match-search{grid-template-columns:1fr 1fr;}.search-submit{min-height:39px}.member-image{height:220px}.member-grid{gap:13px}.story-section{gap:5%;padding-left:5%;padding-right:5%}}
@media(max-width:760px){.announcement{font-size:9px;padding:0 8px}.announcement a{margin-left:3px}.site-header{height:70px;padding:0 17px}.brand{font-size:13px;letter-spacing:1px}.brand-mark{width:34px;height:34px;font-size:24px}.brand small{font-size:6px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:69px;left:0;right:0;height:auto;padding:12px 20px 18px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #0c2a470c;align-items:stretch;gap:0}.main-nav.open{display:flex;flex-direction:column}.main-nav a{padding:13px 5px;height:auto}.main-nav a.active:after{left:0;right:auto;bottom:4px;width:30px;height:2px}.header-actions{gap:7px}.header-actions .btn-small{padding:10px 11px;font-size:10px}.hero{margin:0;border-radius:0 0 19px 19px;min-height:0;align-items:stretch;flex-direction:column;padding:44px 0 25px}.hero-photo{background-position:58% center;background-image:linear-gradient(90deg,rgba(3,29,50,.86),rgba(4,34,57,.37)),url('../images/places/romantic-couple-lake.webp')}.hero-content{width:100%;padding:10px 25px 30px}.hero h1{font-size:clamp(40px,10vw,58px);letter-spacing:-1.8px}.hero-copy{font-size:13px;max-width:390px}.hero-points{gap:10px}.hero-note{display:none}.search-panel{display:block;margin:-15px 14px 0;padding:20px;border-radius:15px}.search-heading{margin-bottom:17px}.match-search{grid-template-columns:1fr 1fr;gap:12px}.match-search label:nth-child(3){grid-column:1/-1}.search-submit{grid-column:1/-1;width:100%}.section{padding:68px 18px}.section-heading{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:24px}.section-heading h2,.story-content h2{font-size:32px}.desktop-link{display:none}.member-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.filter-tabs{gap:6px}.filter-tab{padding:9px 10px;font-size:10px}.member-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.member-image{height:clamp(175px,54vw,280px)}.member-info{padding:11px}.member-info h3{font-size:13px}.member-bio{font-size:9px!important}.card-bottom{margin-top:10px;padding-top:9px}.story-section{grid-template-columns:1fr;padding:65px 20px;gap:32px}.story-image{min-height:370px}.story-content h2{margin-top:10px}.steps{gap:18px}.travel-section{padding:68px 18px}.destination-grid{grid-template-columns:1fr;gap:14px}.destination{display:grid;grid-template-columns:40% 1fr}.destination-photo{height:100%;min-height:200px}.destination-info{padding:17px}.destination-info h3{font-size:19px}.destination-info p{font-size:10px;min-height:0}.safety-band{margin:0 18px 60px;padding:21px;align-items:flex-start;flex-wrap:wrap;gap:12px}.safety-band>div:nth-child(2){flex:1;min-width:190px}.safety-band>a{margin-left:64px}.join-section{padding:68px 20px}.footer-top{flex-wrap:wrap;gap:16px}.footer-top>p{order:3;flex-basis:100%;margin:0}.social-links{margin-left:auto}.footer-bottom{flex-wrap:wrap;line-height:1.8}.footer-bottom>div{order:3;flex-basis:100%;gap:15px}.footer-note{margin-left:auto}.auth-modal{padding:25px 21px}}
@media(max-width:390px){.header-actions .btn-outline{display:none}.hero-ctas{gap:15px;flex-wrap:wrap}.hero-ctas .btn{padding:14px 16px}.member-image{height:190px}.status{font-size:8px;padding:5px}.member-info h3{font-size:12px}.verified{display:none!important}.destination{grid-template-columns:1fr}.destination-photo{height:170px;min-height:0}.destination-info p{min-height:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

@media(max-width:760px){
  .hero-login{width:calc(100% - 36px);max-width:430px;margin:0 auto;padding:22px 22px 18px}
  .hero-login .login-card-heading{margin-bottom:15px}
  .hero-login .login-spark{display:none}
  .hero-login .login-card-heading h2{font-size:21px}
  .hero-login-form{grid-template-columns:1fr}
  .header-actions .language-btn{padding:9px 7px;font-size:10px}
  .language-options{right:-76px}
}
@media(max-width:390px){
  .header-actions .language-btn span{display:none}
  .hero-login{width:calc(100% - 28px);padding:20px 17px}
}

.backend-auth-banner{max-width:1160px;margin:22px auto 0;padding:15px 20px;border:1px solid #e7e4fa;background:linear-gradient(100deg,#f0fbff,#f7f0ff);border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#53647a;font-size:11px}.backend-auth-banner strong{color:#172b45}@media(max-width:760px){.backend-auth-banner{margin:18px 14px 0;align-items:flex-start;flex-direction:column}}

/* Homepage navigation: jump directly to the search controls */
#search, .search-panel { scroll-margin-top: 105px; }
.nav-search-link { position: relative; }
.nav-search-link:hover { color: var(--purple, #7028e8); }
.nav-search-link:focus-visible { outline: 2px solid #7628f1; outline-offset: 4px; border-radius: 4px; }

.search-top-nav{display:flex;align-items:center;gap:19px}
.search-top-nav a{font-size:11px;color:#52657b;white-space:nowrap}
.search-top-nav a:hover,.search-top-nav a.active{color:#6726dc}
@media(max-width:760px){.search-top-nav{gap:10px}.search-top-nav a{font-size:10px}}
@media(max-width:480px){.search-top-nav{gap:8px}.search-top-nav a{font-size:9px}}