:root{--sand:#f0d8b5;--dune:#d97b2a;--accent:#1b2430;--gold:#ffbb33}
body{font-family:Inter,Segoe UI,Roboto,Arial;margin:0;background:linear-gradient(180deg,#fdf7f0 0%,#fff 100%);display:flex;align-items:center;justify-content:center;height:100vh}
.ticket-wrap{width:900px;max-width:95%;display:flex;gap:18px;align-items:stretch}
.ticket{background:linear-gradient(135deg,var(--sand),#fff);border-radius:16px;box-shadow:0 12px 30px rgba(11,20,30,0.12);display:flex;overflow:hidden}
.left{padding:28px 26px;width:100%;position:relative}
.logo{display:flex;gap:12px;align-items:center}
.logo .mark{width:56px;height:56px;border-radius:12px;background:linear-gradient(180deg,var(--dune),#b85b18);display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:20px}
h1{margin:10px 0 6px;font-size:20px;color:var(--accent)}
.subtitle{color:#6b6259;font-size:13px}
.meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.meta .box{background:rgba(255,255,255,0.6);padding:12px;border-radius:10px;border:1px solid rgba(11,20,30,0.03)}
.meta .box label{display:block;font-size:11px;color:#6b6259}
.meta .box .val{font-weight:700;color:var(--accent);margin-top:6px}
.big{margin-top:18px;padding:14px;border-radius:12px;background:linear-gradient(90deg,#fffefc,#fff);border:1px solid rgba(11,20,30,0.03)}
.package-details{font-size:14px;line-height:1.6}
.tag{position:absolute;right:-28px;top:36px;transform:rotate(8deg);background:var(--gold);color:#111;padding:6px 28px;border-radius:8px;font-weight:700;box-shadow:0 6px 14px rgba(216,123,42,0.15)}
.qr{width:110px;height:110px;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;border:6px solid rgba(255,255,255,0.5)}
.barcode{width:100%;height:46px;margin-top:8px;background:repeating-linear-gradient(90deg,#111 0 2px, rgba(255,255,255,0) 2px 6px);border-radius:6px}
.btns{display:flex;gap:8px;margin-top:12px}
button{border:0;padding:10px 14px;border-radius:8px;font-weight:700;cursor:pointer}
.primary{background:var(--dune);color:white}
.muted{background:transparent;border:1px solid rgba(11,20,30,0.06)}
footer{font-size:12px;color:#6b6259;text-align:center;margin-top:10px}
@media (max-width:720px){.ticket-wrap{flex-direction:column}.right{order:2}.left{order:1}}