body { background: linear-gradient(135deg, #eaf7f1 0%, #f4fbf8 40%, #eef9f4 100%); }
    .ticket-wrap { padding: 2.2rem 0 3rem; }
    .ticket-card { background: #fff; border: 1px solid rgba(148, 163, 184, 0.35); border-radius: 22px; box-shadow: 0 24px 60px rgba(15, 23, 42, 0.10); padding: 1.4rem 1.4rem 1.25rem; }
    .ticket-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 1.1rem; align-items: start; }
    .ticket-side { background: rgba(240, 253, 244, 0.65); border: 1px solid rgba(34, 197, 94, 0.22); border-radius: 18px; padding: 1rem 1rem; }
    .steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.7rem; margin: 0.9rem 0 1.1rem; }
    .step { background: rgba(255, 255, 255, 0.85); border: 1px solid rgba(148, 163, 184, 0.35); border-radius: 16px; padding: 0.85rem 0.85rem; }
    .step-num { width: 28px; height: 28px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; background: rgba(34, 197, 94, 0.16); border: 1px solid rgba(34, 197, 94, 0.35); color: #166534; margin-bottom: 0.45rem; }
    .rs-code-row { display:flex; gap: 0.6rem; align-items: center; margin-top: 0.5rem; }
    .rs-code-row input { flex: 1; padding: 0.85rem 0.95rem; border-radius: 14px; border: 1px solid rgba(148, 163, 184, 0.55); background: rgba(255,255,255,0.95); font: inherit; }
    .rs-note { color: var(--muted); font-size: 0.92rem; margin-top: 0.8rem; }
    .rs-links { display:flex; flex-wrap: wrap; gap: 0.6rem; margin-top: 0.9rem; }
    .rs-iframe { border: 1px solid rgba(148, 163, 184, 0.35); border-radius: 18px; overflow: hidden; background: #fff; }
    .rs-iframe iframe { width:100%; height: 120px; border: 0; display:block; }
    @media (max-width: 920px){ .ticket-grid { grid-template-columns: 1fr; } }
    @media (max-width: 720px){ .steps { grid-template-columns: 1fr; } .rs-code-row { flex-direction: column; align-items: stretch; } }