*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--black: #000000;--white: #ffffff;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius: 0px;--shadow: 0 1px 3px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .1)}html{font-size:16px}body{font-family:var(--font);background:var(--white);color:var(--gray-900);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;width:100%;max-width:800px;margin:0 auto;padding:3rem 1.5rem}.header{background:var(--black);padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:64px;position:sticky;top:0;z-index:50}.header-brand{color:var(--white);text-decoration:none;font-size:.8rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.header-nav{display:flex;gap:2rem}.header-nav a{color:var(--gray-400);text-decoration:none;font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;transition:color .2s}.header-nav a:hover,.header-nav a.active{color:var(--white)}.footer{background:var(--black);color:var(--gray-500);padding:2.5rem 2rem;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.footer-inner{max-width:800px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--gray-500);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--white)}.hero{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;margin-top:-3rem}.hero-banner{background:var(--gray-900);padding:6rem 2rem;text-align:center;position:relative;overflow:hidden}.hero-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.03) 50%,transparent 60%),linear-gradient(45deg,rgba(255,255,255,.01) 0%,transparent 100%)}.hero-label{font-size:.7rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--gray-400);margin-bottom:1.5rem;position:relative}.hero h1{font-size:3rem;font-weight:300;letter-spacing:-.01em;color:var(--white);margin-bottom:1rem;position:relative;line-height:1.15}.hero-description{color:var(--gray-400);font-size:1rem;max-width:480px;margin:0 auto 2.5rem;line-height:1.7;position:relative}.hero-actions{display:flex;gap:1rem;justify-content:center;position:relative}.hero-info{background:var(--gray-50);border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200)}.hero-info-inner{max-width:800px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr)}.hero-info-item{padding:1.5rem 2rem;text-align:center;border-right:1px solid var(--gray-200)}.hero-info-item:last-child{border-right:none}.hero-info-label{font-size:.65rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--gray-500);margin-bottom:.25rem}.hero-info-value{font-size:.9rem;font-weight:600;color:var(--gray-900)}.card{background:var(--white);border:1px solid var(--gray-200);padding:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 2rem;border:none;font-family:var(--font);font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .2s;text-decoration:none}.btn:active{transform:scale(.98)}.btn-primary{background:var(--black);color:var(--white)}.btn-primary:hover{background:var(--gray-800)}.btn-secondary{background:transparent;color:var(--black);border:1px solid var(--black)}.btn-secondary:hover,.btn-danger{background:var(--black);color:var(--white)}.btn-danger:hover{background:var(--gray-700)}.btn-white{background:var(--white);color:var(--black)}.btn-white:hover{background:var(--gray-100)}.btn:disabled{opacity:.35;cursor:not-allowed}.form-group{margin-bottom:1.75rem}.form-group label{display:block;font-size:.7rem;font-weight:600;color:var(--gray-500);margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.12em}.form-control{width:100%;padding:.75rem 0;border:none;border-bottom:1px solid var(--gray-300);font-family:var(--font);font-size:.95rem;color:var(--gray-900);background:transparent;transition:border-color .2s}.form-control:focus{outline:none;border-bottom-color:var(--black)}.form-control::placeholder{color:var(--gray-400)}.selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:0}.selector-option{border:1px solid var(--gray-200);padding:1.25rem 1rem;cursor:pointer;text-align:center;transition:all .2s;margin-right:-1px;margin-bottom:-1px}.selector-option:hover{background:var(--gray-50)}.selector-option.selected{background:var(--black);border-color:var(--black);color:var(--white);position:relative;z-index:1}.selector-option.selected .selector-option-sub{color:var(--gray-400)}.selector-option-label{font-weight:600;font-size:.9rem;letter-spacing:.02em}.selector-option-sub{font-size:.75rem;color:var(--gray-500);margin-top:.25rem}.order-summary{border:1px solid var(--gray-200);padding:1.75rem;margin-bottom:2rem}.order-summary h3{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gray-500);margin-bottom:1.25rem;font-weight:600}.order-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.9rem}.order-row.total{border-top:1px solid var(--gray-900);margin-top:.75rem;padding-top:.75rem;font-weight:700;font-size:1rem}.badge{display:inline-block;padding:.35rem .85rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.badge-confirmed{background:var(--black);color:var(--white)}.badge-pending{background:var(--gray-200);color:var(--gray-700)}.badge-cancelled{background:var(--gray-200);color:var(--gray-500);text-decoration:line-through}.ticket-card{border:1px solid var(--gray-200);overflow:hidden}.ticket-card-header{background:var(--black);color:var(--white);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.ticket-card-header h2{font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.ticket-card-body{padding:2.5rem 2rem}.ticket-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.ticket-detail label{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gray-500);margin-bottom:.3rem;font-weight:600}.ticket-detail span{font-weight:600;font-size:.95rem}.ticket-card-footer{padding:1.5rem 2rem;border-top:1px solid var(--gray-200);display:flex;gap:.75rem;flex-wrap:wrap}.payment-modes{display:flex;gap:0;margin-bottom:2rem}.payment-mode-btn{flex:1;padding:1rem;border:1px solid var(--gray-200);background:var(--white);cursor:pointer;text-align:center;font-family:var(--font);font-weight:600;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;transition:all .2s;margin-right:-1px}.payment-mode-btn:hover{background:var(--gray-50)}.payment-mode-btn.selected{background:var(--black);color:var(--white);border-color:var(--black);position:relative;z-index:1}.card-form{display:grid;gap:0}.card-form-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.processing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;color:var(--white)}.spinner{width:40px;height:40px;border:2px solid rgba(255,255,255,.15);border-top-color:var(--white);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1.5rem}.processing-overlay p{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.lookup-form{display:flex;gap:0;max-width:480px;margin:0 auto 2rem}.lookup-form .form-control{flex:1;border:1px solid var(--gray-200);border-right:none;padding:.85rem 1rem;border-bottom:1px solid var(--gray-200)}.lookup-form .form-control:focus{border-color:var(--black)}.lookup-form .btn{border:1px solid var(--black)}.page-header{margin-bottom:2.5rem}.page-header h1{font-size:2rem;font-weight:300;letter-spacing:-.01em;margin-bottom:.4rem}.page-header p{color:var(--gray-500);font-size:.9rem}.divider{height:1px;background:var(--gray-200);margin:2rem 0}.error-message{background:var(--gray-100);color:var(--gray-900);padding:1rem 1.25rem;border-left:3px solid var(--black);margin-bottom:1.5rem;font-size:.9rem}.quantity-control{display:inline-flex;align-items:center;gap:0;border:1px solid var(--gray-200)}.quantity-btn{width:44px;height:44px;border:none;background:var(--white);color:var(--gray-900);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.quantity-btn:hover{background:var(--black);color:var(--white)}.quantity-btn:disabled{opacity:.2;cursor:not-allowed}.quantity-btn:disabled:hover{background:var(--white);color:var(--gray-900)}.quantity-value{font-size:1rem;font-weight:600;min-width:3rem;text-align:center;border-left:1px solid var(--gray-200);border-right:1px solid var(--gray-200);height:44px;line-height:44px}@media(max-width:640px){.hero h1{font-size:2rem}.hero-banner{padding:4rem 1.5rem}.hero-info-inner{grid-template-columns:1fr}.hero-info-item{border-right:none;border-bottom:1px solid var(--gray-200);padding:1rem}.hero-info-item:last-child{border-bottom:none}.hero-actions{flex-direction:column;align-items:center}.header{padding:0 1rem}.header-brand{font-size:.7rem}.header-nav{gap:1rem}.header-nav a{font-size:.7rem}.ticket-detail-grid{grid-template-columns:1fr;gap:1.25rem}.card-form-row{grid-template-columns:1fr;gap:0}.footer-inner{flex-direction:column;gap:1rem;text-align:center}.selector-grid{grid-template-columns:1fr 1fr}}