#rw-row-vlhpkfs11s {
background: #ffffff;
}

#rw-row-vlhpkfs11s,
#rw-row-vlhpkfs11s * {
box-sizing: border-box;
}

#rw-row-vlhpkfs11s .sky-hero {
width: 100%;
min-height: 100vh;
padding: 38px 24px;
display: flex;
align-items: center;
justify-content: center;
background: #eef0f7;
font-family: Montserrat, Arial, sans-serif;
overflow: hidden;
}

#rw-row-vlhpkfs11s .sky-card {
position: relative;
width: min(1180px, 100%);
min-height: 740px;
padding: 34px 70px 42px;
border: 1px solid rgba(255, 255, 255, 0.9);
border-radius: 32px;
background:
radial-gradient(
circle at 50% 45%,
rgba(255, 255, 255, 0.96) 0%,
rgba(248, 250, 253, 0.92) 34%,
rgba(231, 238, 249, 0.88) 67%,
rgba(255, 255, 255, 0.98) 100%
);
box-shadow:
0 28px 70px rgba(64, 78, 112, 0.1),
inset 0 0 80px rgba(255, 255, 255, 0.85);
isolation: isolate;
overflow: hidden;
}

/* Navigation */

#rw-row-vlhpkfs11s .sky-nav {
position: relative;
z-index: 20;
width: min(760px, 100%);
margin: 0 auto;
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
gap: 30px;
}

#rw-row-vlhpkfs11s .sky-logo {
justify-self: start;
color: #20232b;
font-size: 16px;
font-weight: 500;
text-decoration: none;
letter-spacing: -0.4px;
}

#rw-row-vlhpkfs11s .sky-logo span {
font-family: Georgia, «Times New Roman», serif;
font-style: italic;
font-weight: 400;
color: #767b86;
}

#rw-row-vlhpkfs11s .sky-menu {
display: flex;
align-items: center;
gap: 32px;
}

#rw-row-vlhpkfs11s .sky-menu a {
color: #171920;
font-size: 13px;
font-weight: 500;
text-decoration: none;
white-space: nowrap;
transition:
opacity 0.2s ease,
transform 0.2s ease;
}

#rw-row-vlhpkfs11s .sky-menu a:hover {
opacity: 0.58;
transform: translateY(-1px);
}

#rw-row-vlhpkfs11s .sky-login {
justify-self: end;
min-width: 94px;
min-height: 40px;
padding: 10px 20px;
border: 1px solid rgba(27, 31, 41, 0.08);
border-radius: 9px;
color: #171920;
background: rgba(255, 255, 255, 0.58);
box-shadow:
0 7px 22px rgba(37, 43, 57, 0.06),
inset 0 0 14px rgba(255, 255, 255, 0.8);
font-size: 13px;
font-weight: 500;
text-align: center;
text-decoration: none;
backdrop-filter: blur(12px);
}

/* Main title */

#rw-row-vlhpkfs11s .sky-content {
position: relative;
z-index: 15;
width: min(780px, 100%);
margin: 110px auto 0;
}

#rw-row-vlhpkfs11s .sky-heading {
text-align: center;
}

#rw-row-vlhpkfs11s .sky-heading h1 {
margin: 0;
color: #121419;
font-family: Georgia, «Times New Roman», serif;
font-size: clamp(46px, 5vw, 70px);
font-style: italic;
font-weight: 400;
line-height: 1.04;
letter-spacing: -3px;
}

#rw-row-vlhpkfs11s .sky-heading p {
margin: 4px 0 0;
color: #777b84;
font-family: Georgia, «Times New Roman», serif;
font-size: clamp(38px, 4.2vw, 59px);
font-style: italic;
font-weight: 400;
line-height: 1;
letter-spacing: -2px;
}

#rw-row-vlhpkfs11s .sky-plane {
display: inline-flex;
width: 58px;
height: 52px;
margin: 0 5px;
align-items: center;
justify-content: center;
border: 1px solid rgba(50, 57, 72, 0.08);
border-radius: 18px;
color: #565e6b;
background:
linear-gradient(
145deg,
rgba(255, 255, 255, 0.95),
rgba(219, 228, 238, 0.72)
);
box-shadow:
inset 0 3px 8px rgba(255, 255, 255, 0.9),
0 8px 25px rgba(69, 82, 105, 0.12);
font-family: Arial, sans-serif;
font-size: 25px;
font-style: normal;
vertical-align: 8px;
transform: rotate(-10deg);
}

/* Search */

#rw-row-vlhpkfs11s .sky-search {
width: min(620px, 100%);
margin: 72px auto 0;
}

#rw-row-vlhpkfs11s .sky-search-options {
display: flex;
gap: 14px;
margin: 0 0 8px 5px;
}

#rw-row-vlhpkfs11s .sky-search-options button {
padding: 0;
border: 0;
color: #555b67;
background: transparent;
font: inherit;
font-size: 10px;
cursor: pointer;
}

#rw-row-vlhpkfs11s .sky-search-fields {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr 134px;
gap: 10px;
align-items: stretch;
}

#rw-row-vlhpkfs11s .sky-field {
min-height: 62px;
padding: 10px 18px 8px;
border: 1px solid rgba(30, 37, 50, 0.06);
border-radius: 11px;
background: rgba(255, 255, 255, 0.88);
box-shadow:
0 12px 30px rgba(53, 65, 92, 0.08),
inset 0 0 20px rgba(255, 255, 255, 0.8);
backdrop-filter: blur(14px);
}

#rw-row-vlhpkfs11s .sky-field span {
display: block;
margin-bottom: 5px;
color: #898e98;
font-size: 9px;
font-weight: 500;
}

#rw-row-vlhpkfs11s .sky-field input {
width: 100%;
padding: 0;
border: 0;
outline: 0;
color: #171920;
background: transparent;
font-family: inherit;
font-size: 13px;
font-weight: 600;
}

#rw-row-vlhpkfs11s .sky-switch {
position: absolute;
z-index: 5;
top: 50%;
left: calc((100% — 154px) / 2);
width: 30px;
height: 30px;
padding: 0;
border: 1px solid rgba(40, 47, 61, 0.08);
border-radius: 50%;
color: #596171;
background: #eef1f7;
box-shadow: 0 5px 14px rgba(44, 53, 72, 0.1);
font-size: 14px;
cursor: pointer;
transform: translate(-50%, -50%);
}

#rw-row-vlhpkfs11s .sky-submit {
min-height: 62px;
padding: 0 24px;
border: 1px solid rgba(255, 255, 255, 0.32);
border-radius: 11px;
color: #ffffff;
background:
linear-gradient(
145deg,
#2d313b,
#171920
);
box-shadow:
0 14px 28px rgba(21, 24, 32, 0.18),
inset 0 1px 0 rgba(255, 255, 255, 0.18);
font-family: inherit;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition:
transform 0.2s ease,
box-shadow 0.2s ease;
}

#rw-row-vlhpkfs11s .sky-submit:hover {
transform: translateY(-2px);
box-shadow:
0 18px 34px rgba(21, 24, 32, 0.23),
inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

/* Abstract landscape */

#rw-row-vlhpkfs11s .sky-landscape {
position: absolute;
z-index: 2;
right: 0;
bottom: 68px;
left: 0;
height: 270px;
pointer-events: none;
}

#rw-row-vlhpkfs11s .sky-mountain {
position: absolute;
bottom: 12px;
background:
linear-gradient(
145deg,
rgba(190, 198, 226, 0.8),
rgba(117, 125, 173, 0.8)
);
filter: blur(0.5px);
clip-path: polygon(
0% 100%,
15% 64%,
28% 72%,
42% 31%,
58% 71%,
70% 48%,
84% 73%,
100% 100%
);
}

#rw-row-vlhpkfs11s .mountain-one {
left: -5%;
width: 60%;
height: 190px;
opacity: 0.48;
}

#rw-row-vlhpkfs11s .mountain-two {
right: -4%;
width: 62%;
height: 225px;
opacity: 0.38;
transform: scaleX(-1);
}

#rw-row-vlhpkfs11s .mountain-three {
right: 22%;
width: 48%;
height: 160px;
opacity: 0.28;
}

#rw-row-vlhpkfs11s .sky-cloud {
position: absolute;
height: 92px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.93);
filter: blur(18px);
}

#rw-row-vlhpkfs11s .cloud-one {
right: -6%;
bottom: -10px;
width: 58%;
}

#rw-row-vlhpkfs11s .cloud-two {
bottom: -20px;
left: -7%;
width: 55%;
}

#rw-row-vlhpkfs11s .cloud-three {
bottom: -35px;
left: 25%;
width: 55%;
opacity: 0.9;
}

/* Partner names */

#rw-row-vlhpkfs11s .sky-partners {
position: absolute;
z-index: 10;
right: 0;
bottom: 43px;
left: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 48px;
color: rgba(75, 81, 95, 0.35);
font-size: 13px;
letter-spacing: 1.2px;
}

#rw-row-vlhpkfs11s .sky-partners strong {
font-size: 19px;
font-weight: 800;
}

/* Tablet */

@media (max-width: 900px) {

#rw-row-vlhpkfs11s .sky-card {
min-height: 720px;
padding: 30px 36px 40px;
}

#rw-row-vlhpkfs11s .sky-nav {
grid-template-columns: 1fr auto;
}

#rw-row-vlhpkfs11s .sky-menu {
display: none;
}

#rw-row-vlhpkfs11s .sky-content {
margin-top: 120px;
}

#rw-row-vlhpkfs11s .sky-search-fields {
grid-template-columns: 1fr 1fr;
}

#rw-row-vlhpkfs11s .sky-submit {
grid-column: 1 / -1;
}

#rw-row-vlhpkfs11s .sky-switch {
top: 31px;
left: 50%;
}

#rw-row-vlhpkfs11s .sky-partners {
gap: 24px;
font-size: 10px;
}

}

/* Mobile */

@media (max-width: 600px) {

#rw-row-vlhpkfs11s .sky-hero {
min-height: auto;
padding: 12px;
}

#rw-row-vlhpkfs11s .sky-card {
min-height: 780px;
padding: 24px 18px 32px;
border-radius: 24px;
}

#rw-row-vlhpkfs11s .sky-logo {
font-size: 15px;
}

#rw-row-vlhpkfs11s .sky-login {
min-width: 78px;
min-height: 38px;
padding: 9px 14px;
}

#rw-row-vlhpkfs11s .sky-content {
margin-top: 95px;
}

#rw-row-vlhpkfs11s .sky-heading h1 {
font-size: 42px;
line-height: 1.05;
letter-spacing: -2px;
}

#rw-row-vlhpkfs11s .sky-heading p {
margin-top: 10px;
font-size: 37px;
letter-spacing: -1.5px;
}

#rw-row-vlhpkfs11s .sky-plane {
width: 46px;
height: 42px;
border-radius: 14px;
font-size: 20px;
vertical-align: 5px;
}

#rw-row-vlhpkfs11s .sky-search {
margin-top: 55px;
}

#rw-row-vlhpkfs11s .sky-search-options {
justify-content: center;
}

#rw-row-vlhpkfs11s .sky-search-fields {
display: flex;
flex-direction: column;
}

#rw-row-vlhpkfs11s .sky-field {
width: 100%;
}

#rw-row-vlhpkfs11s .sky-switch {
top: 65px;
right: 18px;
left: auto;
transform: none;
}

#rw-row-vlhpkfs11s .sky-submit {
width: 100%;
}

#rw-row-vlhpkfs11s .sky-partners {
flex-wrap: wrap;
gap: 14px 25px;
padding: 0 20px;
}

#rw-row-vlhpkfs11s .sky-partners strong {
font-size: 15px;
}

}

Find the best

flights faster

Travel smarter

Lufthansa
LOT
△ DELTA
KLM
UNITED