/* Editorial travel direction, local fonts and restrained glass surfaces. */
@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url('./fonts/onest-cyrillic-wght-normal.woff2') format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url('./fonts/onest-latin-wght-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url('./fonts/onest-latin-ext-wght-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--ink:#202B2D;--muted:#667170;--line:#E0E4E1;--canvas:#F1F3F0;--headline:Onest,Manrope,Arial,sans-serif;background:#FAFBF8}
body{background:#FAFBF8}
.header{height:96px;border:0;background:transparent}
.header-inner{gap:32px}
.brand-name{font-family:var(--headline);font-weight:650;letter-spacing:-1px;font-size:24px}
.header-nav{gap:6px;padding:5px;border:1px solid #E6E9E3;background:#FFFFFF9C;border-radius:30px}
.header-nav .nav-link{padding:0 18px;font-size:12px;min-height:39px}
.header-nav .active{background:#ECEFE8;border-radius:22px}
.header-publish{font-size:12px;color:var(--ink)}
.login-button{background:#fff;border:1px solid var(--line);border-radius:25px;padding-inline:20px;min-height:44px;font-size:12px}
.hero-area{position:relative;isolation:isolate;overflow:hidden;margin:0 auto;width:calc(100% - 40px);max-width:1560px;padding:65px 0 29px;border:1px solid #DCDDD4;border-radius:30px;background:#F0EEE6}
.hero-area::before{content:'';position:absolute;inset:0;z-index:-2;background:var(--hero-photo) center center/cover no-repeat;opacity:1}
.hero-area::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#F9F7EF24 0%,#F9F7EF12 52%,transparent 72%);pointer-events:none}
.hero-area .container{width:min(1160px,calc(100% - 72px))}
.hero-eyebrow{display:inline-flex;gap:8px;margin-bottom:24px;padding:7px 11px;border:1px solid #FFFFFFB0;background:#FFFFFF60;border-radius:30px;color:#354548;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-size:11px;font-weight:650}
.hero-eyebrow .icon{width:15px;height:15px;color:var(--blue)}
.hero-title{max-width:810px;font-family:var(--headline);font-size:clamp(44px,4.6vw,64px);font-weight:500;line-height:1.07;letter-spacing:-2.8px;text-wrap:balance;color:#202B2D}
.hero-title span{color:#202B2D}
.hero-description{max-width:470px;margin-top:22px;font-size:14px;font-weight:500;line-height:1.75;color:#4D5D5E;letter-spacing:-.15px}
.hero-photo-mobile{display:none}
.search{margin-top:54px;border:1px solid #FFFFFFE6;border-radius:21px;background:#FFFFFFD9;box-shadow:inset 0 1px 0 #FFFFFF,0 10px 36px #273A4920;backdrop-filter:blur(26px) saturate(1.25);-webkit-backdrop-filter:blur(26px) saturate(1.25);padding:9px}
.search-field{background:transparent;min-height:72px;border-radius:14px}
.search-field:hover{background:#FFFFFF94}
.field-symbol{color:#667572}
.field-label{color:#5B6D69;font-size:11px}
.field-value{color:#203330;font-weight:650}
.field-value.is-placeholder{color:#5F706B;font-size:14px}
.search-submit{border-radius:14px;box-shadow:0 3px 8px #315CF51A;min-height:58px}
.swap{background:#FFFFFFB3;border-color:#DCE3DD;color:#596F69}
.date-trigger{flex-basis:225px}
.date-trigger::before{background:#CDD7D1}
.search-below{margin-top:16px}
.route-chip{border-radius:30px;min-height:38px;background:#FFFFFFBA;border-color:#FFFFFF9C;color:#3F5550;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.route-chip:hover{background:#fff}
.quick-label,.search-hint{color:#394F4A}
.search-hint{padding:7px 10px;background:#FFFFFFA8;border-radius:30px;font-size:10px}
.results-area{padding-top:42px}
.section-top h2,.courier-banner h2,.dialog-header h2,.auth-body h2{font-family:var(--headline);font-weight:550;letter-spacing:-.65px}
.section-top h2{font-size:25px}
.section-top p{font-size:12px}
.type-tabs{border-color:#E6E9E2;background:#EDF0E9;border-radius:24px;padding:4px}
.type-tab{border-radius:20px;min-height:36px;padding:8px 15px;font-size:11px}
.filter-button{border-radius:24px;background:#FFFFFFB8;min-height:46px}
.empty-state{border-radius:24px;border-color:#E3E7DF;background:#FFFFFF9C;min-height:205px;margin-top:23px}
.empty-state h3{font-family:var(--headline);font-weight:500;font-size:19px;letter-spacing:-.35px}
.empty-icon{background:#EEF1F9;border-radius:50%;width:44px;height:44px}
.empty-state p{font-size:12px}
.courier-banner{margin-top:24px;border:1px solid #DFE5DA;border-radius:24px;background:#EDF1E8;padding:27px 30px}
.courier-banner h2{font-size:23px}
.courier-banner p{font-size:12px}
.courier-banner .button{border-radius:27px;border-color:#D6DECF;font-size:12px}
.footer{min-height:86px;border-color:#E2E7DD}
.footer .footer-brand{font-family:var(--headline);font-size:13px;font-weight:600}
dialog{border-color:#FFFFFFC9;border-radius:26px;background:#FCFDFB;box-shadow:0 28px 110px #102A3B30}
dialog::backdrop{background:#16282C59;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.dialog-header h2{font-size:23px}
.icon-button{background:#EDF1EB}
.country-choice{border-color:#E0E6DB;border-radius:13px;background:#FFFFFFC2}
.country-choice:hover{background:#EEF2FF;border-color:#C9D4F4}
.country-name{font-weight:650}
.city-option{border-radius:13px}
.city-option-copy{min-width:0}
.city-option-name{font-weight:650}
.city-option-country{font-size:12px}
.city-query-box{background:#fff;border-color:#9BAAA6;box-shadow:none;border-radius:14px}
.city-query-box:focus-within{box-shadow:0 0 0 3px #315CF510}
.country-regions button{border-radius:20px;min-height:42px}
.country-count{color:#65746D}
.date-selection-tabs{border-radius:25px;background:#EEF1EB}
.date-mode{border-radius:22px}
.date-quick button{border-radius:23px;min-height:44px}
.calendar-day{border-radius:50%;width:40px;height:40px;font-size:13px}
.calendar-cell{height:44px}
.calendar-month h3{font-family:var(--headline);font-weight:550;font-size:16px}
.date-footer{background:#FCFDFB}
.date-footer .button{border-radius:24px}
.auth-body h2{font-size:29px;line-height:1.2}
.telegram-button{border-radius:26px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.search{background:#FDFEFC}.hero-eyebrow,.route-chip,.search-hint{background:#F8FAF4}}
@media(min-width:1550px){.hero-area{padding-top:80px;padding-bottom:34px}.hero-title{font-size:68px}.search{margin-top:64px}}
@media(max-width:1150px){.header-nav{display:none}.date-trigger{flex-basis:200px}.hero-title{font-size:55px;max-width:720px}.hero-area{padding-top:55px}.hero-description{max-width:440px}}
@media(max-width:950px){.header{height:82px}.hero-area{width:calc(100% - 28px);border-radius:25px;padding-top:42px}.hero-area .container{width:calc(100% - 48px)}.hero-title{font-size:49px;max-width:670px;letter-spacing:-2px}.hero-area::after{background:linear-gradient(90deg,#F5F3EAC9,#F5F3EA70 65%,#F5F3EA10)}.search{margin-top:35px}.route-fields{border-color:#D7DFD7}.date-trigger{flex:1}.search-submit{min-width:230px}.hero-description{font-size:13px;max-width:420px}.search-hint{font-size:10px}.section-top h2{font-size:24px}}
@media(max-width:600px){
.header{height:76px}.brand-name{font-size:21px;letter-spacing:-.8px}.brand img{width:33px;height:33px}.login-button{font-size:12px;min-height:44px;padding-inline:15px}
.hero-area{width:calc(100% - 20px);padding:31px 0 20px;border-radius:24px;border-color:#E0E2D8;background:#F1F0E8}
.hero-area::before{display:none}.hero-area::after{display:none}
.hero-area .container{width:calc(100% - 30px)}
.hero-eyebrow{margin-bottom:19px;padding:6px 10px;font-size:10px;background:#FFFFFF94;border-color:#FFFFFF}
.hero-title{font-size:38px;font-weight:500;line-height:1.09;letter-spacing:-1.65px;max-width:420px;text-wrap:initial}
.hero-description{margin-top:16px;max-width:310px;font-size:12px;line-height:1.8}
.hero-photo-mobile{display:block;height:155px;margin-top:21px;border-radius:19px;background:var(--hero-photo) 88% 49%/auto 290px no-repeat;border:1px solid #D9DED3}
.search{position:relative;margin-top:-20px;padding:8px;border-radius:19px;background:#FFFFFFE3;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 #FFFFFF,0 8px 28px #3B514316}
.route-fields{border:0}.search-field{min-height:69px;padding:10px 12px;gap:11px;border-radius:11px}.origin-trigger,.destination-trigger{padding-right:58px;border-color:#DEE4DC}
.field-value{font-size:16px;letter-spacing:-.3px}.field-value.is-placeholder{font-size:14px}.field-label{font-size:10px}.date-trigger .field-value{font-size:14px}
.swap{background:#F6F8F2;border-color:#DEE4D8}
.search-submit{margin-top:2px;min-height:52px;min-width:0;font-size:14px;border-radius:13px}
.search-below{margin-top:14px;gap:11px}.route-chip{min-height:38px;font-size:10px;padding-inline:10px;background:#FFFFFF96;border-color:#DFE5D9}.quick-routes{gap:6px}.search-hint{padding:0;background:none;color:#5B6B60;font-size:10px}
.results-area{padding-top:28px}.section-top h2{font-size:23px}.section-top p{font-size:12px}.type-tab{padding:8px 11px;font-size:10px;min-height:36px}.type-tabs{padding:4px}.filter-button{min-height:44px;min-width:44px}.empty-state{min-height:205px;border-radius:20px;padding:24px 18px}.empty-state h3{font-size:18px;line-height:1.4;max-width:250px}.empty-state p{font-size:12px}.courier-banner{border-radius:20px;padding:23px;gap:20px}.courier-banner h2{font-size:23px;line-height:1.25}.courier-banner .button{border-radius:25px;font-size:12px}
.city-dialog,.date-dialog,.filter-dialog{border-radius:25px 25px 0 0}.dialog-header h2{font-size:22px}.calendar-day{height:44px;width:44px}.calendar-cell{height:46px}.date-footer .button{border-radius:24px}.country-regions button{min-height:42px}.date-quick button{min-height:44px;font-size:10px;padding-inline:11px}
.footer{gap:10px}.footer .footer-help{font-size:10px}.preview-label{font-size:9px}
}
@media(max-width:360px){.brand-name{font-size:18px}.hero-title{font-size:32px;letter-spacing:-1.3px}.hero-description{font-size:11px}.hero-area .container{width:calc(100% - 26px)}.hero-photo-mobile{height:134px;background-size:auto 260px}.type-tab{padding-inline:8px;font-size:10px}.calendar-day{width:39px;height:43px}.date-quick button{padding-inline:8px}}
@media(prefers-reduced-transparency:reduce){.search,.hero-eyebrow,.route-chip{background:#FDFFF9;backdrop-filter:none;-webkit-backdrop-filter:none}dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Responsive hero */
@media(max-width:600px){.hero-area::before{background-image:var(--hero-photo)}}
