:root{--bg-primary: #f4f4f4;--bg-secondary: #e9e9e9;--accent-gold: #bbb;--accent-light: #ddd;--text-light: #222;--text-mid: #555;--text-dark: #484848;--shadow-md: rgba(0, 0, 0, .1)}@font-face{font-family:Radjhani_L;src:url(/assets/Rajdhani-Light-yqdWrT92.ttf)}@font-face{font-family:Radjhani_SB;src:url(/assets/Rajdhani-SemiBold-nEoOYjXG.ttf)}@font-face{font-family:Radjhani_B;src:url(/assets/Rajdhani-Bold-DpQCrXtY.ttf)}@font-face{font-family:Radjhani;src:url(/assets/Rajdhani-Regular-Dom0fR4-.ttf)}*{box-sizing:border-box;transition:all .3s ease}header{width:100%;background-color:#000;padding:10px 0;top:0;z-index:3}nav{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.logo{color:#fff;font-family:Radjhani;font-size:24px;position:relative;top:-12px}.logo a{text-decoration:none;color:#fff}.logo img{position:relative;top:15px}.menu{list-style:none;display:flex;gap:20px}.menu li{position:relative}.menu li a{color:#fff;font-family:Radjhani_SB;text-decoration:none;font-size:18px;padding:10px;transition:color .3s ease}.menu li a:hover{color:var(--accent-light)}.menu li a:after{content:"";display:flex;width:0;height:2px;background:var(--accent-light);position:absolute;bottom:0;left:0;transition:width .3s ease}.menu li a:hover:after{width:100%}.hamburger{display:none;cursor:pointer}.hamburger i{font-size:28px;color:#fff}#menu-toggle{display:none}body{margin:0;padding:0;font-family:Radjhani,sans-serif;background:var(--bg-primary);color:var(--text-light);display:flex;flex-direction:column;min-height:100vh}.control_panel{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 3rem;background:var(--bg-secondary);box-shadow:0 2px 6px var(--shadow-md)}.control_left{flex:1}.control_panel .heading h1{margin:0;font-family:Radjhani_L;font-style:italic;font-size:clamp(2rem,5vw,3rem);line-height:1.2;color:var(--text-dark)}.control_right{display:flex;gap:.75rem;align-items:center}.control_right input#ref{font-family:monospace;padding:.6rem 1rem;background:#fff;border:1px solid var(--accent-gold);border-radius:.5rem;color:var(--text-light)}.control_right button{padding:.6rem 1.5rem;background:var(--accent-light);border:1px solid var(--accent-gold);border-radius:.5rem;font-family:Radjhani_B;font-size:1rem;color:var(--text-dark);cursor:pointer}.control_right button:hover{background:var(--accent-gold);color:var(--bg-primary)}.preview{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:2rem}.preview>.ticket{flex:1 1 calc(50% - 20px);max-width:480px;width:100%}@media (max-width: 768px){.menu{position:absolute;top:78px;margin:-1px;left:0;width:100%;background:#000000e6;flex-direction:column;align-items:center;justify-content:space-around;display:none;padding:10px 0}.menu li{margin:10px 0}.menu li a{font-size:16px}#menu-toggle:checked+.hamburger+.menu{display:flex}.hamburger{display:block}.preview{flex-direction:column;align-items:center}.preview>.ticket{flex:none;width:90%;max-width:none}#ticketBox,.preview>.clone{aspect-ratio:auto!important;height:auto!important}}#ticketBox{width:100%;max-width:480px;aspect-ratio:1 / 1;background:var(--bg-secondary);border:1px solid var(--accent-gold);border-radius:1rem;box-shadow:0 4px 10px var(--shadow-md);display:flex;flex-direction:column;align-items:center;padding:1.5rem}.qrContainer{position:relative;width:300px;height:260px;display:flex;align-items:center;justify-content:center;background-color:transparent;border-radius:12px}#qrcode{width:200px;height:200px;background-color:#fff;border:1px solid var(--accent-gold);border-radius:1rem;display:flex;align-items:center;justify-content:center}#qrcode canvas{width:100%!important;height:100%!important;background:#fff!important}hr.divider{width:80%;height:1px;background:var(--accent-gold);border:none;margin:1rem 0;opacity:.3}.Info_Space{text-align:center;font-family:Courier New,Courier,monospace;color:var(--text-mid);letter-spacing:.5px}.Info_Space p#code{font-family:Radjhani_SB;font-size:clamp(4rem,4vw,1.6rem);margin:0%;font-style:italic;color:var(--text-light)}.Info_Space h2#name{font-family:Radjhani_L;font-size:clamp(1.4rem,4vw,1.8rem);margin:.5rem 0}.Info_Space #number,.Info_Space #email,.Info_Space .venue{font-size:clamp(1rem,2.5vw,1.1rem);margin:.25rem 0}#tictype{font-family:Radjhani_B;font-size:clamp(2.4rem,7vw,3.2rem);margin-top:1rem;color:var(--text-dark);text-shadow:none}.Info_Space p#purch{font-size:.9rem;color:var(--text-mid);margin-top:.75rem}@keyframes goldAnim{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes holoAnim{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}@media (max-width: 768px){.control_panel{flex-direction:column;align-items:center;gap:1.5rem}#ticketBox{max-width:90%;padding:1rem}.qrContainer,#qrcode{width:200px;height:200px}#tictype{font-size:clamp(1.8rem,8vw,2.8rem)}.Info_Space p#code{font-family:Radjhani_SB;font-size:clamp(2rem,4vw,1.6rem);margin:10px 0% 0%;font-style:italic;color:var(--text-light)}.control_right{display:flex;flex-direction:column;gap:.75rem;align-items:center}}@media (max-width: 480px){.logo{font-size:20px}.menu li a{font-size:14px}.hamburger i{font-size:24px}}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-secondary);border:1px solid var(--accent-gold);box-shadow:0 4px 12px var(--shadow-md);border-radius:.5rem;padding:1rem 1.5rem;display:none;z-index:9999;width:280px;text-align:center}.popup-content{display:flex;flex-direction:column;align-items:center}.popup-icon{font-size:2rem;width:48px;height:48px;line-height:48px;margin-bottom:.5rem}.popup-icon.load{border:4px solid rgba(255,255,255,.3);border-top:4px solid var(--accent-gold);border-radius:50%;animation:spin 1s linear infinite}.popup-icon.success{color:#fff52f;animation:pop .4s ease-out both}.popup-icon.success:before{content:"✔"}.popup-icon.error{color:#f44336;animation:pop .4s ease-out both}.popup-icon.error:before{content:"✕"}.popup-icon.info{color:#2196f3;animation:pop .4s ease-out both}.popup-icon.info:before{content:"ℹ"}#popup-message{margin:0;color:var(--text-light);font-family:Radjhani,sans-serif;font-size:.9rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}