.orientation-card{container-type:inline-size;position:relative;isolation:isolate;width:100%;min-width:0;aspect-ratio:1264/1102;background:linear-gradient(135deg,#e2eaf4,#f0f3f9 50%,#dce5f2);border:1px solid #dce3ef;border-radius:clamp(12px,2vw,23px);overflow:hidden;box-shadow:0 2px 4px #0c25491a;color:#071e47}
.orientation-card .orientation-flags{position:absolute;top:0;left:0;width:100%;height:60%;object-fit:cover;object-position:top;z-index:-3}
.orientation-kicker{position:absolute;left:5.4%;top:8.5%;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:2.1cqw;line-height:1.4;text-transform:uppercase;letter-spacing:.25cqw;z-index:1}
.orientation-kicker>span{display:block;width:5.6cqw;height:.36cqw;min-height:2px;background:#ec1d2b;margin-bottom:2.2cqw}
.orientation-card .orientation-person{position:absolute;top:6%;right:-18%;height:96%;width:auto;max-width:none;object-fit:contain;z-index:-1;filter:drop-shadow(0 1cqw 1cqw #172c4b16);mask-image:linear-gradient(#000 0%,#000 80%,transparent 100%)}
.orientation-waves{position:absolute;inset:0;pointer-events:none;z-index:-2;background:linear-gradient(174deg,transparent 76%,#eaf0fa00 83%,#e2eaf6b3 98%)}
.orientation-waves:before,.orientation-waves:after{content:'';position:absolute;width:145%;height:32%;right:-28%;bottom:-16%;border-top:.2cqw solid #ffffffa6;border-radius:50%;transform:rotate(-20deg);background:linear-gradient(180deg,#ffffff24,transparent 65%)}
.orientation-waves:after{width:155%;height:45%;bottom:-22%;right:-26%;transform:rotate(-19deg);border-top-width:.15cqw;background:none}
.orientation-sheet{position:absolute;top:32.5%;left:6.3%;width:55.4%;min-height:58.7%;background:linear-gradient(145deg,#fff,#fafafe);border:1px solid #ffffffd9;border-bottom-color:#8c9db9;border-radius:2.2cqw;padding:4.6cqw;z-index:2;box-shadow:0 1.3cqw 2.5cqw #0e234b35,0 .2cqw .35cqw #0a1d4530}
.orientation-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:2cqw;padding-bottom:2.3cqw;border-bottom:.15cqw solid #c4cddd;min-width:0}
.orientation-sheet-header>img{display:block;width:39%;height:auto;flex-shrink:0;filter:brightness(0) saturate(100%) invert(11%) sepia(47%) saturate(1295%) hue-rotate(179deg) brightness(93%) contrast(107%)}
.orientation-separator{display:block;flex-shrink:0;width:1px;height:3.3cqw;background:#c2cbdc}
.orientation-countries{font-family:Arial,Helvetica,sans-serif;font-size:1.5cqw;line-height:1.2;text-transform:uppercase;letter-spacing:.22cqw;white-space:nowrap}
.orientation-countries>b{font-weight:700;color:#e6202d;padding:0 .4cqw}
.orientation-sheet .orientation-sheet-title{font-family:Georgia,'Times New Roman',serif;font-size:4.4cqw;line-height:1.15;letter-spacing:-.1cqw;font-weight:400;color:#071e47;margin:3.4cqw 0 4.3cqw;white-space:nowrap}
.orientation-sheet-title>span{color:#f01826}
.orientation-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3.1cqw}
.orientation-steps>li{display:flex;align-items:center;gap:1.8cqw;font-family:Arial,Helvetica,sans-serif;font-size:1.95cqw;line-height:1.4;font-weight:500;letter-spacing:-.025cqw;color:#071e47;white-space:nowrap}
.orientation-steps>li>span{flex-shrink:0;display:grid;place-items:center;width:3.8cqw;height:3.8cqw;border:1px solid #b5c2d9;border-radius:50%;font-size:1.7cqw;font-weight:700;background:#ffffff50}
.orientation-disclaimer{position:absolute;bottom:3%;left:5.4%;right:3%;font-family:Arial,Helvetica,sans-serif;font-size:1.5cqw;line-height:1.5;color:#182f54;z-index:3}
@media(max-width:760px){.orientation-card{max-width:530px;margin-inline:auto}}
@media(max-width:480px){.orientation-card{aspect-ratio:1/1.1;border-radius:14px}.orientation-kicker{font-size:2.7cqw;letter-spacing:.26cqw;top:7.5%}.orientation-kicker>span{margin-bottom:2.5cqw}.orientation-card .orientation-flags{height:55%;width:125%;left:-8%}.orientation-card .orientation-person{right:-30%;top:4%;height:95%}.orientation-sheet{left:5.5%;top:33%;width:65%;min-height:58%;padding:5cqw;border-radius:3cqw}.orientation-sheet-header{padding-bottom:3cqw;gap:2cqw}.orientation-countries{font-size:2cqw;letter-spacing:.18cqw}.orientation-sheet .orientation-sheet-title{font-size:5.25cqw;line-height:1.16;margin:5cqw 0 5cqw}.orientation-steps{gap:4cqw}.orientation-steps>li{font-size:3.1cqw;gap:2cqw}.orientation-steps>li>span{width:4.5cqw;height:4.5cqw;font-size:2.7cqw}.orientation-disclaimer{font-size:2.35cqw;left:5.5%;bottom:3%}}

.orientation-card:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#e5edf7 0%,#e5edf7ee 12%,#e5edf7aa 25%,#e5edf700 49%),linear-gradient(0deg,#e6edf7 0%,#e6edf7e6 20%,#e6edf700 58%)}