:root{--ink:#153f48;--muted:#596a70;--teal:#175662;--orange:#bb521b;--line:#dfe5e4;--paper:#f7f6f2}
*{box-sizing:border-box}body.travel-auth{margin:0;background:var(--paper);color:var(--ink);font-family:'Be Vietnam Pro',sans-serif;font-size:14px;line-height:1.6}a{color:var(--teal);text-decoration:none}a:hover{color:var(--orange)}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b96a37;outline-offset:4px}.auth-nav,.auth-footer{max-width:1280px;margin:auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.auth-brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;line-height:1.2}.auth-brand small{display:block;font-size:10px;letter-spacing:4px;margin-top:6px}.brand-mark{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--teal);border-radius:50%;font-family:Georgia,serif;font-size:20px}.back-home{font-size:13px}.back-home span{margin-right:8px}.auth-shell{display:grid;grid-template-columns:1fr 1fr;max-width:1200px;margin:8px auto 0;background:white;border:1px solid #e4e8e4;border-radius:24px;overflow:hidden;box-shadow:0 16px 55px #123f4810;min-height:700px}.auth-story{background:linear-gradient(180deg,#08374435 0%,#082f3ae6 75%),url('/Uploads/Images/danang.jpg') center/cover;display:flex;flex-direction:column;justify-content:space-between;color:#fff;padding:42px;min-width:0}.story-top,.story-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px}.story-tag{font-size:10px;letter-spacing:2px;border:1px solid #ffffff70;border-radius:30px;padding:9px 14px}.story-compass{font-size:38px}.story-copy{padding-top:150px;padding-bottom:56px}.story-eyebrow{font-size:12px;letter-spacing:1px;color:#f8d6b4}.story-copy h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(36px,3.5vw,52px);line-height:1.2;font-weight:500;margin:20px 0}.story-copy em{color:#f8d6b4}.story-copy p{max-width:350px;color:#e4eeef;font-size:14px;line-height:1.9}.story-destination{display:flex;gap:12px;align-items:center;margin-top:32px;font-size:13px}.story-destination>span:first-child{font-size:28px}.story-destination small{display:block;font-size:11px;color:#d4e3e7;margin-top:3px}.story-bottom{font-size:10px;letter-spacing:.5px;border-top:1px solid #ffffff40;padding-top:20px}.auth-panel{padding:44px 52px;align-self:center;min-width:0}.auth-eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;color:var(--orange)}.auth-intro h1{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:36px;line-height:1.25;letter-spacing:-.6px;margin:14px 0}.auth-intro p{color:var(--muted);font-size:13px;margin-bottom:25px}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:24px;gap:32px}.auth-tabs a{padding:10px 0 12px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent}.auth-tabs a.active{color:var(--teal);border-color:var(--teal)}.auth-field{margin-bottom:18px;min-width:0}.auth-field label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.auth-field input{width:100%;min-height:48px;padding:12px 14px;color:var(--ink);border:1px solid #cdd8d8;border-radius:9px;background:#fff;transition:border-color .2s,box-shadow .2s;font-size:14px}.auth-field input::placeholder{color:#697a7e;font-size:12px}.auth-field input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #17566215;outline:none}.password-wrap{position:relative}.password-wrap input{padding-right:62px}.password-toggle{position:absolute;right:3px;top:3px;height:42px;min-width:52px;background:none;border:0;color:var(--teal);font-size:11px;border-radius:6px}.password-toggle:hover{background:#f0f5f4}.auth-options{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:2px 0 24px;font-size:11px}.auth-check{display:flex;gap:8px;align-items:center;cursor:pointer;min-height:32px}.auth-check input{width:16px;height:16px;accent-color:var(--teal)}.auth-submit{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:50px;border:0;border-radius:9px;padding:13px 20px;color:#fff;background:var(--teal);font-weight:600;transition:background .2s}.auth-submit:hover{background:#103f49}.auth-submit:disabled{opacity:.65;cursor:wait}.auth-submit span{font-size:22px;font-weight:400}.auth-divider{display:flex;align-items:center;gap:12px;margin:24px 0 16px;font-size:11px;color:var(--muted)}.auth-divider:before,.auth-divider:after{content:'';height:1px;flex:1;background:var(--line)}.auth-social{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-social a{display:flex;justify-content:center;align-items:center;gap:10px;min-height:44px;border:1px solid var(--line);border-radius:8px;font-size:12px;font-weight:500}.auth-social a:hover{background:#f2f6f5;border-color:var(--teal)}.provider{font-weight:700;font-size:18px}.facebook{color:#1877f2}.google{color:#285db3}.auth-switch{text-align:center;font-size:11px;color:var(--muted);margin:24px 0 0}.auth-switch a{font-weight:600}.auth-footer{color:var(--muted);font-size:10px;padding-top:22px;padding-bottom:22px}.auth-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.auth-grid .auth-field{margin-bottom:14px}.required{color:var(--orange)}.auth-hint{font-size:11px;color:var(--muted);margin:0 0 22px;line-height:1.8}.auth-alert{background:#fff1ee;border:1px solid #eac6be;border-radius:8px;color:#9b3429;font-size:12px;padding:12px;margin:0 0 18px}.auth-alert ul{padding-left:18px;margin:0}.validation-summary-valid,.field-validation-valid,[hidden]{display:none!important}.field-validation-error,.availability.error{color:#a63329;font-size:11px;display:block;margin-top:5px}.availability{display:block;font-size:10px;min-height:16px;margin-top:3px;color:var(--muted)}.input-validation-error{border-color:#aa3e32!important}.auth-options a{padding:8px 0}
@media(min-width:1400px){.auth-shell{margin-top:24px}}@media(max-width:1100px){.auth-shell{margin:8px 28px 0}.auth-panel{padding:36px 30px}.auth-story{padding:30px}.auth-grid{grid-template-columns:1fr}.story-copy h2{font-size:40px}}@media(max-width:767px){.auth-nav{padding:20px}.auth-brand{font-size:19px}.auth-shell{grid-template-columns:1fr;margin:0 16px;border-radius:18px;min-height:0}.auth-story{padding:24px;min-height:220px;background-position:center 40%}.story-top,.story-copy p,.story-destination,.story-bottom{display:none}.story-copy{padding:16px 0}.story-copy h2{font-size:32px;margin:12px 0 0}.story-copy h2 br{display:none}.story-eyebrow{font-size:11px}.auth-panel{padding:28px 24px}.auth-intro h1{font-size:30px}.auth-intro p{font-size:12px}.auth-grid{grid-template-columns:1fr 1fr}.auth-field input{font-size:16px}.auth-footer{padding:20px;font-size:10px}.auth-footer span:last-child{display:none}}@media(max-width:480px){.auth-grid{grid-template-columns:1fr}.auth-options{font-size:10px}.auth-panel{padding:28px 20px}.back-home{font-size:11px}.auth-story{min-height:180px}.story-copy h2{font-size:28px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}