.departure{position:relative;isolation:isolate;background:#15101f;padding:30px 46px 24px;border:1px solid #d2a0ff45;border-radius:24px;box-shadow:0 28px 70px #59297a25;overflow:hidden;color:white}
.departure-backdrop{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#17101fe8,#241432a8 60%,#2d1536a6),linear-gradient(0deg,#160e20,transparent 65%),url('assets/city-fivem.webp') center 48%/cover;transition:transform 1.5s ease}
.departure-grid{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 80% 25%,#a853f04a,transparent 50%);pointer-events:none}
.departure:before{content:'';position:absolute;top:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,#ba75ff,#ef87bd,transparent);box-shadow:0 0 24px #c675fc;z-index:2}
.departure-top,.departure-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:2px;color:#c7accf}.departure-top{border-bottom:1px solid #e0b9f322;padding-bottom:22px}.departure-top>span:last-child{display:flex;align-items:center;gap:10px}.departure-top svg{width:13px;height:13px}
.departure-content{display:grid;grid-template-columns:1.12fr 1fr;gap:55px;align-items:center;padding:45px 0 40px}.departure .eyebrow{font-size:8px;letter-spacing:2px;color:#d1a2ef}.departure h2{font-size:clamp(50px,5.3vw,76px);line-height:.98;letter-spacing:-.6px;margin:22px 0}.departure h2 span{background:linear-gradient(110deg,#d2a6ff,#f49db6);background-clip:text;color:transparent}.departure .departure-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;margin:0 0 25px;color:#d5bfdc}.departure .button{font-size:12px;padding:17px 22px;gap:16px;border:1px solid #efb7e750}.boarding-ticket{background:#f6f1fa;color:#32253e;border-radius:18px;transform:rotate(3deg);box-shadow:0 25px 55px #0b071655,0 0 55px #c076eb20;transition:transform .55s cubic-bezier(.2,.7,.3,1),box-shadow .55s;position:relative}.ticket-head{display:flex;align-items:center;gap:13px;padding:24px 24px 0}.ticket-head img{width:41px;height:41px;border-radius:11px}.ticket-head strong{display:block;font-size:17px;letter-spacing:.2px}.ticket-head span{display:block;font-size:6px;letter-spacing:1.5px;color:#a28aac;margin-top:5px}.ticket-plane{margin-left:auto;width:26px;height:26px;color:#a17abf}.ticket-journey{display:flex;align-items:center;gap:24px;padding:32px 26px 15px}.ticket-journey>div>span{font-size:7px;letter-spacing:2px;color:#9f84af;display:block}.ticket-journey strong{font:700 66px/1 'Barlow Condensed',Impact,sans-serif;color:#59396f}.flight-route{flex:1;display:flex;align-items:center;gap:9px;position:relative}.flight-route:before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:repeating-linear-gradient(90deg,#c7add9 0 4px,transparent 4px 8px)}.flight-route i{width:6px;height:6px;border-radius:50%;background:#a579c2;z-index:1}.flight-route i:last-child{margin-left:auto;box-shadow:0 0 0 4px #b995d220}.ticket-journey .flight-route>span{position:absolute;left:45%;font-size:25px;background:#f6f1fa;color:#a56bcf;padding:0 5px;line-height:1;animation:route-pulse 3s ease-in-out infinite}.ticket-city{padding:0 26px 28px;font:700 29px/1.1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.8px}.ticket-city>span{display:block;margin-top:8px;font:500 7px/1.4 Arial,sans-serif;letter-spacing:1.5px;color:#a088ad}.ticket-perforation{height:1px;position:relative;border-top:1px dashed #c9b5d5;margin:0 20px}.ticket-perforation:before,.ticket-perforation:after{content:'';position:absolute;top:-11px;width:20px;height:20px;background:#24152f;border-radius:50%}.ticket-perforation:before{left:-30px}.ticket-perforation:after{right:-30px}.ticket-bottom{display:flex;justify-content:space-between;align-items:center;padding:24px 26px}.departure .ticket-bottom small{margin:0;font-size:7px;letter-spacing:1.5px;color:#a088ad}.ticket-bottom strong{font-size:13px;display:block;margin:8px 0}.ticket-bottom span{font-size:10px;color:#a088ad}.ticket-monogram{font:italic 800 54px/1 'Barlow Condensed',Impact,sans-serif;color:#c3a4d8;padding-left:12px}.departure-bottom{padding-top:20px;border-top:1px solid #e0b9f322}.departure-bottom button{color:#dec1ef;font-size:11px;background:none;border:0;display:flex;align-items:center;gap:12px;cursor:pointer}.departure .departure-bottom small{font-size:8px;margin:0;display:inline;color:#947ca4;letter-spacing:.3px}.departure-bottom button:hover{color:#fff}.departure-bottom button>span{transition:transform .2s}.departure-bottom button:hover>span{transform:translate(2px,-2px)}
@keyframes route-pulse{0%,100%{transform:translateX(-8px);opacity:.65}50%{transform:translateX(8px);opacity:1}}
@media(hover:hover) and (pointer:fine){.departure:hover .boarding-ticket{transform:rotate(0deg) translateY(-5px);box-shadow:0 30px 65px #0b071666,0 0 65px #c076eb35}.departure:hover .departure-backdrop{transform:scale(1.035)}}
@media(max-width:1000px){.departure{padding:28px}.departure-content{gap:28px}.departure h2{font-size:58px}.ticket-head{padding:20px 18px 0;gap:9px}.ticket-head strong{font-size:15px}.ticket-head span{letter-spacing:.8px}.ticket-journey{padding:28px 20px 15px;gap:17px}.ticket-bottom{padding:22px 20px}.ticket-city{padding-left:20px}.ticket-plane{display:none}}
@media(max-width:800px){.departure{padding:23px;border-radius:20px}.departure-top{font-size:7px;letter-spacing:1.3px}.departure-top>span:last-child{display:none}.departure-content{grid-template-columns:1fr;padding:30px 0;gap:35px}.departure h2{font-size:58px}.departure .departure-copy>p:not(.eyebrow){font-size:12px}.departure .eyebrow{letter-spacing:1.2px;font-size:7px}.boarding-ticket{transform:rotate(1deg);margin:0 3px}.departure-bottom{flex-direction:column;align-items:flex-start;gap:15px;font-size:7px}.departure .button{width:100%;justify-content:space-between;font-size:11px}.ticket-head strong{font-size:17px}.ticket-head span{font-size:6px}.ticket-plane{display:block}.ticket-journey strong{font-size:61px}.ticket-monogram{font-size:45px}}
@media(prefers-reduced-motion:reduce){.departure *{animation:none!important;transition:none!important}.boarding-ticket{transform:none}}