.root{width:100%;background-color:#0a61ac;color:#1e293b;display:flex;flex-direction:column;position:relative;overflow:hidden;padding-top:20px;height:900px}@media(min-width:768px){.root{padding-top:0;height:800px}}.bg-deco{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.08}.bg-deco__circle1{position:absolute;top:-20%;right:-10%;width:70vw;height:70vw;border-radius:50%;border:100px solid rgba(255,255,255,.2);filter:blur(64px)}.bg-deco__circle2{position:absolute;top:40%;left:-20%;width:50vw;height:50vw;border-radius:50%;background:rgba(255,255,255,.2);filter:blur(64px)}.main{max-width:1170px;margin:0 auto;width:100%;padding:0 16px 16px 16px;flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:10;min-height:0}@media(min-width:768px){.main{padding:0 32px 16px 32px}}.hero{text-align:center;max-width:860px;margin:0 auto;color:#fff!important;margin-bottom:16px;flex-shrink:0;width:100%}@media(min-width:768px){.hero{margin-bottom:30px}}.hero__badge{display:inline-flex;align-items:center;gap:8px;background:rgba(30,64,175,.6);backdrop-filter:blur(12px);border:1px solid rgba(96,165,250,.3);padding:4px 12px;border-radius:9999px;font-size:13px;font-weight:500;color:#dbeafe;margin-bottom:8px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.hero__badge svg{width:12px;height:12px}@media(min-width:768px){.hero__badge{padding:6px 12px;font-size:16px;margin-bottom:12px}.hero__badge svg{width:14px;height:14px}}.hero__title{font-size:22px;font-weight:bold;line-height:2;margin-bottom:8px;color:#fff!important;margin-top:10px}@media(min-width:768px){.hero__title{font-size:30px;font-weight:900;margin-top:0}}@media(min-width:992px){.hero__title{font-size:42px}}.hero__title span{color:#facc15;filter:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}.hero__desc{font-size:12px;color:#fff;line-height:1.625;margin:0 auto;font-weight:500;display:none}@media(min-width:576px){.hero__desc{display:block}}@media(min-width:768px){.hero__desc{font-size:16px;line-height:180%;margin-top:20px}}.ticket-wrap{max-width:896px;margin:0 auto;width:100%;position:relative;flex-shrink:0;filter:drop-shadow(0 15px 35px rgba(0,0,0,.35))}@media(max-height:650px){.ticket-wrap{transform:scale(.95);transform-origin:top}}.success{position:absolute;bottom:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;z-index:0;pointer-events:none;transition:all .7s ease-out .1s;opacity:0;transform:scale(.85)}@media(min-width:768px){.success{bottom:auto;top:0;width:280px}}@media(min-width:992px){.success{width:320px}}.success.show{opacity:1;transform:scale(1)}.success svg{width:56px;height:56px;color:#34d399;margin-bottom:8px;filter:drop-shadow(0 0 15px rgba(52,211,153,.5))}.success h3{font-size:20px;font-weight:900;color:#fff;margin-bottom:4px;letter-spacing:-.025em}.success p{color:#dbeafe;font-size:11px;text-align:center;font-weight:500}@media(min-width:768px){.success p{font-size:12px}}.ticket{display:flex;flex-direction:column;position:relative;z-index:10;width:100%}@media(min-width:768px){.ticket{flex-direction:row}}.ticket__main{flex:1;background:#fff;border-radius:24px 24px 0 0;position:relative;border-bottom:2px dashed #cbd5e1;z-index:10;overflow:hidden}@media(min-width:768px){.ticket__main{border-radius:0 24px 24px 0;border-bottom:0;border-left:2px dashed #cbd5e1}}.ticket__bar{position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(to right,#facc15,#fb923c,#facc15)}.cutout{position:absolute;width:24px;height:24px;background:#1264b3;border-radius:50%;z-index:20;display:none}.cutout--tl{top:0;left:-12px;transform:translateY(-50%);box-shadow:inset 0 3px 5px rgba(0,0,0,.3)}.cutout--bl{bottom:0;left:-12px;transform:translateY(50%);box-shadow:inset 0 -3px 5px rgba(0,0,0,.3)}@media(min-width:768px){.cutout--tl,.cutout--bl{display:block}}.cutout--br{bottom:-12px;right:0;transform:translateX(50%);box-shadow:inset -3px 0 5px rgba(0,0,0,.3);display:block}.cutout--bbl{bottom:-12px;left:0;transform:translateX(-50%);box-shadow:inset 3px 0 5px rgba(0,0,0,.3);display:block}@media(min-width:768px){.cutout--br,.cutout--bbl{display:none}}.ticket__body{padding:16px;position:relative}@media(min-width:768px){.ticket__body{padding:20px}}@media(min-width:992px){.ticket__body{padding:24px}}.ticket__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}@media(min-width:768px){.ticket__header{margin-bottom:20px}}.ticket__label{display:flex;align-items:center;gap:6px;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700}@media(min-width:768px){.ticket__label{font-size:12px}}.ticket__label svg{width:14px;height:14px}.ticket__class{background:#f1f5f9;color:#475569;padding:2px 10px;border-radius:9999px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.flight{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:0}@media(min-width:768px){.flight{gap:16px;margin-bottom:24px}}.flight__origin{flex:1;text-align:right}.flight__dest{flex:1;text-align:left}.flight__sublabel{font-size:9px;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2px;font-weight:600}.flight__code{font-size:30px;font-weight:900;color:#1e293b;margin-bottom:2px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;letter-spacing:-.05em;line-height:1}@media(min-width:576px){.flight__code{font-size:36px}}@media(min-width:768px){.flight__code{font-size:48px}}.flight__name{font-size:16px;font-weight:700;color:#334155;margin-bottom:2px}@media(min-width:768px){.flight__name{font-size:18px}}.flight__sub{font-size:10px;color:#64748b}@media(min-width:768px){.flight__sub{font-size:12px}}.flight__path{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;padding:0 8px;width:80px;flex:1}@media(min-width:576px){.flight__path{width:120px}}.flight__line-wrap{display:flex;align-items:center;width:100%;position:relative;justify-content:center}.flight__line{border-top:2px dashed #cbd5e1;width:100%;position:absolute;top:50%;transform:translateY(-50%)}.flight__plane{background:#fff;z-index:10;padding:0 8px;color:#2563eb;animation:planeFloat 3s ease-in-out infinite}.flight__plane svg{width:20px;height:20px;transform:scaleX(-1)}@media(min-width:768px){.flight__plane svg{width:28px;height:28px}}.flight__direct{font-size:8px;color:#94a3b8;margin-top:6px;font-weight:700;background:#f8fafc;padding:2px 5px;border-radius:5px;border:1px solid #e2e8f0;text-transform:uppercase;letter-spacing:.1em;text-align:center}.gate-text{text-align:center;font-size:12px;color:#43484e;letter-spacing:1px}@media(min-width:768px){.gate-text{margin-top:24px}}@media(min-width:768px){.flight__direct{font-size:9px}}@keyframes planeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.pax{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;background:#f8fafc;padding:12px;border-radius:12px;border:1px solid #f1f5f9;position:relative;overflow:hidden}@media(min-width:576px){.pax{grid-template-columns:repeat(4,1fr)}}@media(min-width:768px){.pax{gap:12px;padding:16px}}.pax__bg{position:absolute;inset:0;background-image:radial-gradient(#cbd5e1 1px,transparent 1px);background-size:12px 12px;opacity:.3}.pax__item{position:relative;z-index:10}.pax__label{font-size:8px;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-weight:600}@media(min-width:768px){.pax__label{font-size:9px}}.pax__val{font-weight:700;color:#1e293b;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:768px){.pax__val{font-size:12px}}.pax__status{display:flex;align-items:center;gap:4px;color:#059669;font-weight:700;font-size:10px}@media(min-width:768px){.pax__status{font-size:12px}}.pax__status svg{width:12px;height:12px}@media(min-width:768px){.pax__status svg{width:14px;height:14px}}.stub{width:100%;background:rgba(248,250,252,.95);backdrop-filter:blur(4px);padding:8px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:20;border-radius:0 0 24px 24px;transform-origin:top;transition:none}@media(min-width:768px){.stub{width:280px;padding:20px;border-radius:24px 0 0 24px;flex-shrink:0}}@media(min-width:992px){.stub{width:320px;padding:24px}}.stub__bar{position:absolute;top:0;left:10px;right:0;height:6px;background:linear-gradient(to right,#facc15,#fb923c);border-top-left-radius:24px;display:none}@media(min-width:768px){.stub__bar{display:block}}.stub__brand{text-align:center;margin-bottom:16px;display:none}@media(min-width:768px){.stub__brand{display:block;margin-bottom:0}}.stub__icon{display:inline-flex;align-items:center;justify-content:center;background:#dbeafe;color:#1d4ed8;padding:8px;border-radius:12px;margin-bottom:6px}.stub__icon svg{width:16px;height:16px}@media(min-width:768px){.stub__icon svg{width:20px;height:20px}}.stub__title{font-size:18px;letter-spacing:2px}@media(min-width:768px){.stub__title{font-size:20px}}.stub__subtitle{font-size:8px;color:#64748b;margin-top:2px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}@media(min-width:768px){.stub__subtitle{font-size:9px}}.stub__info{margin-bottom:16px;background:#fff;padding:12px;border-radius:12px;border:1px solid #f1f5f9;box-shadow:0 1px 2px rgba(0,0,0,.05);position:relative}@media(min-width:768px){.stub__info{padding:14px}}.stub__info-bar{position:absolute;right:0;top:0;bottom:0;width:4px;background:#facc15;border-radius:0 12px 12px 0}.stub__row{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #f1f5f9;margin-bottom:8px}@media(min-width:768px){.stub__row{padding-bottom:6px;margin-bottom:6px}}.stub__row--last{display:flex;justify-content:space-between;align-items:center}.stub__row-label{font-size:10px;color:#64748b;font-weight:500}@media(min-width:768px){.stub__row-label{font-size:12px}}.stub__row-val{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700;color:#1e293b;font-size:12px}@media(min-width:768px){.stub__row-val{font-size:14px}}.stub__row-val--checked{font-weight:700;color:#059669;font-size:10px}@media(min-width:768px){.stub__row-val--checked{font-size:12px}}.stub__btn{width:100%;background:#facc15;color:#0f172a;font-weight:700;padding:12px 16px;border-radius:12px;border:0;box-shadow:0 8px 15px -8px rgba(250,204,21,.6);transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;font-size:14px}@media(min-width:768px){.stub__btn{padding:12px 24px;gap:12px;margin-bottom:16px}}.stub__btn:hover{background:#eab308;box-shadow:0 12px 20px -8px rgba(250,204,21,.8);transform:translateY(-2px);color:unset;text-decoration:none}.stub__btn:active{transform:scale(.95)}.stub__btn:disabled{opacity:0;pointer-events:none}.stub__btn-text{font-size:18px;color:#0a60aa;font-weight:bolder}@media(min-width:768px){.stub__btn-text{font-size:14px}}.stub__btn svg{width:14px;height:14px;transition:transform .2s}@media(min-width:768px){.stub__btn svg{width:16px;height:16px}}.stub__btn:hover svg{transform:translateX(-4px)}.stub__barcode{margin-top:auto;display:flex;flex-direction:column;align-items:center;opacity:.5}.stub__barcode svg{width:100%;height:32px;color:#334155}@media(min-width:768px){.stub__barcode svg{height:40px}}.stub__barcode span{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px;margin-top:4px;color:#94a3b8;letter-spacing:.3em}@media(min-width:768px){.stub__barcode span{font-size:9px}}.features{max-width:850px;margin:16px auto 0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;color:#fff;font-size:14px;font-weight:500;opacity:.9;flex-shrink:0}@media(min-width:768px){.features{margin-top:20px;gap:24px;font-size:16px}}.features__item{display:flex;align-items:center;gap:6px}.features__item svg{width:14px;height:14px;color:#facc15}.stub.is-torn{animation:tearTicket 1.2s ease-in-out forwards;pointer-events:none}@keyframes tearTicket{0%{transform:translateY(0) translateX(0) rotate(0);opacity:1}15%{transform:translateY(-15px) translateX(-5px) rotate(-3deg);opacity:1}100%{transform:translateY(600px) translateX(-60px) rotate(-12deg);opacity:0}}