:root{--bg-primary: #050505;--bg-secondary: #121212;--accent-yellow: #FFD700;--accent-gray: #333333;--text-primary: #ffffff;--text-secondary: #888888;--border-color: #333333;--danger: #cf304a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Space Grotesk,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden}#root{width:100%}.container{max-width:500px;margin:0 auto;padding:2rem;width:100%}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .2s ease}.btn-primary{background:var(--accent-yellow);color:#000;padding:1rem 2rem;border-radius:4px;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.btn-primary:hover{background:#E6C200;transform:translateY(-1px)}.btn-primary:disabled{background:var(--accent-gray);color:var(--text-secondary);cursor:not-allowed;transform:none}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger);padding:.5rem 1rem;border-radius:4px;font-size:.9rem}.btn-danger:hover{background:var(--danger);color:#fff}.glass-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0;padding:2.5rem;animation:fadeIn .5s ease}input[type=range]{width:100%;margin:2rem 0;-webkit-appearance:none;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;background:var(--accent-yellow);cursor:pointer;margin-top:-8px;border-radius:0;border:2px solid black}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:var(--accent-gray);border-radius:0}.ticket{background:#000000;border:1px solid var(--accent-yellow);border-radius:0;position:relative;overflow:hidden;padding:0;display:flex;flex-direction:column;margin-top:20px}.ticket-header{background:var(--accent-yellow);color:#000;padding:1rem;text-align:center;font-weight:800;text-transform:uppercase;letter-spacing:2px;font-size:1.2rem}.ticket-body{padding:3rem 2rem;text-align:center;position:relative}.barcode-strip{height:30px;width:80%;margin:0 auto 1rem;background-image:linear-gradient(90deg,#333 0%,#333 5%,transparent 5%,transparent 10%,#333 10%,#333 15%,transparent 15%,transparent 25%,#333 25%,#333 28%,transparent 28%,transparent 35%,#333 35%,#333 45%,transparent 45%,transparent 50%,#333 50%,#333 60%,transparent 60%,transparent 70%,#333 70%,#333 80%,transparent 80%,transparent 85%,#333 85%,#333 100%)}.ticket-notch{width:40px;height:40px;background:var(--bg-primary);border-radius:50%;position:absolute;top:50%;z-index:10;border:1px solid var(--accent-yellow);box-sizing:border-box}.ticket-notch-left{left:-20px}.ticket-notch-right{right:-20px}.dashed-line{border-top:2px dashed var(--accent-gray);margin-top:20px;padding-top:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spinner{width:50px;height:50px;border:3px solid rgba(255,215,0,.3);border-radius:50%;border-top-color:var(--accent-yellow);animation:spin 1s ease-in-out infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.ticket.cancelled{border-color:#4caf50}.ticket.cancelled .ticket-header{background:#4CAF50;color:#fff}.ticket.cancelled .ticket-notch{border-color:#4caf50}.ticket.used{border-color:var(--danger)}.ticket.used .ticket-header{background:var(--danger);color:#fff}.ticket.used .ticket-notch{border-color:var(--danger)}.watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);font-size:3.5rem;font-weight:900;padding:.5rem 1rem;z-index:20;pointer-events:none;text-transform:uppercase;letter-spacing:5px;white-space:nowrap;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-width:4px;border-style:solid}.watermark.cancelled{color:#4caf50cc;border-color:#4caf50cc}.watermark.used{color:#cf304acc;border-color:#cf304acc}