*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#07111d;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit;border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.viewport{min-height:100vh;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at top,#1b263b 0,#07111d 55%)}.kiosk{position:relative;width:min(100vw - 32px,540px);aspect-ratio:9/16;overflow:hidden;background:#0d1b2a;border-radius:32px;box-shadow:0 24px 80px rgba(0,0,0,.45)}.screen-welcome{background:linear-gradient(0deg,rgba(13,27,42,.88),rgba(13,27,42,.88)),radial-gradient(circle at 50% 28%,#7f1d1d,transparent 36%),linear-gradient(180deg,#1b263b,#0d1b2a)}.error{position:absolute;z-index:5;top:88px;left:30px;right:30px;padding:12px 16px;border-radius:16px;background:#7f1d1d;color:#fff;font-weight:700}.header{height:80px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 30px;background:#1b263b;border-bottom:1px solid hsla(0,0%,100%,.1)}.header h1{margin:0;font-size:24px;letter-spacing:-.02em}.back{width:42px;height:42px;color:#fff;background:transparent;font-size:48px;line-height:36px}.steps{display:flex;gap:8px}.steps span{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#1e2d3d;color:#a0aec0;font-size:12px;font-weight:800}.steps .active{background:#f5c842;color:#0d1b2a}.welcome{height:100%;padding:60px 40px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center}.brand,footer b{font-family:Georgia,serif;font-style:italic;font-size:44px;font-weight:400}.hero-icon{width:250px;height:250px;display:grid;place-items:center;border:1px solid rgba(245,200,66,.28);border-radius:50%;background:radial-gradient(circle,rgba(245,200,66,.08) 0 42%,transparent 43%);color:#f5c842;font-size:96px}.welcome h2{margin:0;font-size:44px;line-height:1}.welcome p{margin:8px 0 0;color:#f5c842;font-size:24px;font-weight:700}.welcome small,footer span{color:#a0aec0;text-transform:uppercase;letter-spacing:.08em}footer{display:grid;grid-gap:4px;gap:4px;justify-items:center}.content{height:calc(100% - 80px);padding:24px 30px 30px;overflow:auto}.primary,.secondary{min-height:48px;padding:0 24px;border-radius:999px;font-weight:900;letter-spacing:.02em}.primary{background:#f5c842;color:#0d1b2a;box-shadow:0 12px 24px rgba(245,200,66,.25)}.secondary{background:#1b263b;color:#fff;border:1px solid hsla(0,0%,100%,.12)}.huge{width:100%;min-height:64px;font-size:22px}.chips{display:flex;gap:10px;overflow-x:auto;padding-bottom:22px}.chips button{flex:0 0 auto;padding:10px 18px;border-radius:999px;background:#1b263b;color:#fff;border:1px solid hsla(0,0%,100%,.1);font-weight:800}.chips .selected{background:#f5c842;color:#0d1b2a}.movie-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.movie-card{padding:0 12px 16px;border-radius:22px;background:#1e2d3d}.poster{height:250px;margin:0 -12px 14px;border-radius:22px 22px 0 0;background:linear-gradient(180deg,transparent 50%,#1e2d3d),linear-gradient(135deg,#f97316,#581c87)}.poster-matrix{background:linear-gradient(180deg,transparent 45%,#1e2d3d),radial-gradient(circle at 50% 25%,#00ff41,transparent 24%),linear-gradient(135deg,#0a0a0a,#005c00)}.poster-interstellar{background:linear-gradient(180deg,transparent 45%,#1e2d3d),radial-gradient(circle at 60% 30%,#fbbf24,transparent 28%),linear-gradient(135deg,#1e3a8a,#111827)}.poster-parasite{background:linear-gradient(180deg,transparent 45%,#1e2d3d),radial-gradient(circle at 50% 20%,#a3e635,transparent 18%),linear-gradient(135deg,#065f46,#1c1917)}.poster-spiderman{background:linear-gradient(180deg,transparent 45%,#1e2d3d),radial-gradient(circle at 40% 25%,#ef4444,transparent 22%),linear-gradient(135deg,#1e40af,#7f1d1d)}.poster-dune{background:linear-gradient(180deg,transparent 45%,#1e2d3d),radial-gradient(circle at 55% 28%,#f59e0b,transparent 24%),linear-gradient(135deg,#78350f,#0f172a)}.poster-whale{background:linear-gradient(180deg,transparent 45%,#1e2d3d),radial-gradient(circle at 45% 30%,#93c5fd,transparent 20%),linear-gradient(135deg,#1e293b,#334155)}.movie-card h3{margin:0 0 6px;font-size:20px}.movie-card p{margin:0 0 8px;color:#a0aec0;font-size:13px}.movie-card p b,.movie-card strong{color:#f5c842}.movie-card .primary{width:100%;margin-top:14px}.feature{display:grid;grid-template-columns:140px 1fr;grid-gap:18px;gap:18px;align-items:end;padding:18px;border-radius:24px;background:#1e2d3d}.feature .poster{height:190px;margin:0;border-radius:18px}.feature h2{margin:0 0 8px;font-size:30px}.feature p{margin:0;color:#a0aec0}.schedule-grid{display:grid;grid-gap:16px;gap:16px;margin-top:24px}.schedule-grid button{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;align-items:center;padding:22px;border-radius:22px;background:#1b263b;color:#fff;text-align:left;border:1px solid hsla(0,0%,100%,.1)}.schedule-grid span{color:#a0aec0}.schedule-grid b{color:#f5c842}.seats-layout{display:flex;flex-direction:column;gap:24px}.screen-bar{height:42px;display:grid;place-items:center;border-radius:0 0 70% 70%;background:#e5e7eb;color:#0d1b2a;font-weight:900;letter-spacing:.24em}.seat-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:10px;gap:10px}.seat{height:44px;border-radius:12px 12px 18px 18px;background:#1b263b;color:#fff;border:1px solid hsla(0,0%,100%,.14);font-size:13px;font-weight:800}.seat.picked{background:#f5c842;color:#0d1b2a}.bottom-panel{margin-top:auto;display:grid;grid-template-columns:1fr auto;grid-gap:12px;gap:12px;align-items:center;padding:18px;border-radius:24px;background:#1e2d3d}.bottom-panel .primary{grid-column:1/-1}.payment h2,.success h2,.summary h2{font-size:34px;margin:0 0 10px}.payment p,.success p,.summary>p{color:#a0aec0}.receipt{display:grid;grid-template-columns:1fr auto;grid-gap:18px;gap:18px;margin:28px 0;padding:24px;border-radius:24px;background:#1e2d3d}.receipt span{color:#a0aec0}.receipt strong{color:#f5c842;font-size:28px}.summary .huge+.huge{margin-top:14px}.payment,.print,.success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:22px}.qr{width:260px;height:260px;display:grid;place-items:center;border:18px solid #fff;outline:12px solid #f5c842;background:repeating-linear-gradient(45deg,#111 0 12px,#fff 12px 24px);color:#f5c842;font-size:48px}.booking,.qr{font-weight:900}.booking{padding:24px 34px;border-radius:22px;background:#f5c842;color:#0d1b2a;font-size:36px;letter-spacing:.08em}.check{width:160px;height:160px;display:grid;place-items:center;border-radius:50%;background:#16a34a;color:#fff;font-size:92px}.ticket{width:100%;padding:30px;border-radius:28px;background:#f8fafc;color:#0d1b2a}.ticket b{font-family:Georgia,serif;font-style:italic;font-size:30px}.ticket code{display:block;margin-top:20px;padding:14px;border-radius:12px;background:#e5e7eb;font-size:24px}@media print{.viewport,body{background:#fff}.viewport{padding:0}.kiosk{width:100%;box-shadow:none;border-radius:0;background:#fff}.header,.print button{display:none}.content{height:auto}}