.ticket-page{padding:120px clamp(24px,6vw,120px) 60px;min-height:100vh;background:var(--color-bg-surface)}.ticket-page__inner{max-width:860px;margin:0 auto}.ticket-page__back{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--color-primary-700);margin-bottom:28px;cursor:pointer;transition:gap .2s}.ticket-page__back:hover{gap:10px}.ticket-page__header{margin-bottom:36px}.ticket-page__event-name{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--color-primary-900);margin-bottom:8px}.ticket-page__event-info{font-size:15px;color:var(--color-neutral-500)}.ticket-sections{display:flex;flex-direction:column;gap:24px}.ticket-step{background:var(--color-bg-default);border-radius:16px;padding:32px;box-shadow:0 1px 3px #0000000a}.ticket-step__num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-primary-700);color:#fff;font-size:13px;font-weight:700;margin-right:10px}.ticket-step__title{display:inline;font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--color-primary-900)}.ticket-step__body{margin-top:20px}.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tier-card{border:2px solid var(--color-neutral-100);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s var(--ease-out);position:relative}.tier-card:hover{border-color:var(--color-primary-300)}.tier-card--selected{border-color:var(--color-primary-700);background:var(--color-primary-100)}.tier-card--selected:after{content:"✓";position:absolute;top:12px;right:12px;width:22px;height:22px;border-radius:50%;background:var(--color-primary-700);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}.tier-card__name{font-size:13px;font-weight:600;color:var(--color-primary-900);margin-bottom:4px}.tier-card__price{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--color-primary-900);margin-bottom:8px}.tier-card__desc{font-size:12px;color:var(--color-neutral-500);line-height:1.5}.tier-card--vip{background:linear-gradient(135deg,var(--color-orange-100),var(--color-bg-warm));border-color:var(--color-orange-300)}.tier-card--vip.tier-card--selected{border-color:var(--color-orange-700)}.qty-selector{display:inline-flex;align-items:center;gap:0;border:2px solid var(--color-neutral-100);border-radius:10px;overflow:hidden}.qty-btn{width:38px;height:38px;border:none;background:var(--color-bg-surface);color:var(--color-primary-900);font-size:18px;font-weight:600;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.qty-btn:hover{background:var(--color-primary-100)}.qty-val{width:44px;height:38px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--color-primary-900);background:var(--color-bg-default)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-row:last-child{margin-bottom:0}.form-field{display:flex;flex-direction:column;gap:6px}.form-field--full{grid-column:1 / -1}.form-label{font-size:13px;font-weight:600;color:var(--color-primary-900)}.form-input{padding:12px 14px;border:2px solid var(--color-neutral-100);border-radius:10px;font-size:14px;font-family:var(--font-body);color:var(--color-primary-900);background:var(--color-bg-default);transition:border-color .2s;outline:none}.form-input::placeholder{color:var(--color-neutral-300)}.form-input:focus{border-color:var(--color-primary-500)}.order-summary{background:var(--color-primary-900);border-radius:16px;padding:28px;color:#fff;margin-top:32px}.order-summary__title{font-family:var(--font-display);font-size:18px;font-weight:700;margin-bottom:16px}.order-summary__row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:var(--color-primary-100);border-bottom:1px solid rgba(255,255,255,.06)}.order-summary__row:last-of-type{border-bottom:none}.order-summary__total{display:flex;justify-content:space-between;padding-top:14px;margin-top:8px;border-top:1px solid rgba(255,255,255,.15);font-size:18px;font-weight:700}.order-summary__total span:last-child{font-family:var(--font-display);font-size:24px;color:var(--color-orange-500)}.order-summary .btn{width:100%;justify-content:center;margin-top:20px}@media(max-width:640px){.tier-grid,.form-row{grid-template-columns:1fr}.ticket-step{padding:20px}.ticket-page__event-name{font-size:24px}}
