:root{--purple:#814dff;--green:#b2ff33;--pink:#ff33a1;--cyan:#3cf;--dark:#0d0d18;--card-bg:#14141e99;--glass-border:#ffffff1a;--font-display:"Space Grotesk", sans-serif;--font-body:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--dark);color:#fff;font-family:var(--font-body);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}h1,h2,h3,h4,.display-text{font-family:var(--font-display)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #b2ff3333,inset 0 0 10px #b2ff331a}50%{box-shadow:0 0 40px #b2ff3399,inset 0 0 20px #b2ff3333}}@keyframes pulse-glow-text{0%,to{text-shadow:0 0 20px #3cf6}50%{text-shadow:0 0 60px #33ccffe6}}@keyframes flash-fade{0%{opacity:1}to{opacity:0}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}@keyframes screen-enter{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes aurora-wave{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes shimmer{0%{background-position:200%}to{background-position:-200%}}.screen-transition{will-change:transform, opacity;justify-content:center;align-items:center;width:100%;height:100%;animation:.6s cubic-bezier(.16,1,.3,1) forwards screen-enter;display:flex}.hub-card{transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.hub-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.hub-card:hover{border-color:#ffffff4d;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 50px #0009,0 0 30px #33ccff1a}.hub-card:hover:before{left:200%}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 8px 32px #0000004d}.gradient-text{background:linear-gradient(135deg, var(--cyan), var(--pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.shimmer-border{position:relative}.shimmer-border:after{content:"";border-radius:inherit;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#ffffff1a,#ffffff80,#ffffff1a) 0 0/200%;animation:3s linear infinite shimmer;position:absolute;inset:-2px}.bg-mesh{z-index:-1;pointer-events:none;transition:background .6s;position:fixed;inset:0}.bg-mesh.theme-neon-punk{background:radial-gradient(circle at 15%,#814dff2e,#0000 50%),radial-gradient(circle at 85% 30%,#ff33a12e,#0000 50%),radial-gradient(circle at 50% 90%,#33ccff14,#0000 40%)}.bg-mesh.theme-golden-elegance{background:radial-gradient(circle at 20% 40%,#d4af3726,#0000 50%),radial-gradient(circle at 80% 60%,#b482281f,#0000 50%),radial-gradient(circle at 50% 10%,#ffdc960f,#0000 40%)}.bg-mesh.theme-fresh-nature{background:radial-gradient(circle at 25% 60%,#228b5726,#0000 50%),radial-gradient(circle at 75% 30%,#2ecca41f,#0000 50%),radial-gradient(circle at 50% 85%,#10b98114,#0000 40%)}.bg-aurora{z-index:-2;opacity:.8;background:linear-gradient(-45deg,#0d0d18,#1a0b2e,#0a192f,#180a2b) 0 0/400% 400%;animation:15s infinite aurora-wave;position:fixed;inset:0}.button-premium{background:linear-gradient(135deg, var(--green), #d4ff70);color:#000;font-family:var(--font-display);letter-spacing:1px;cursor:pointer;border:none;border-radius:99px;padding:16px 32px;font-size:1.1rem;font-weight:800;transition:all .3s cubic-bezier(.16,1,.3,1);animation:3s infinite pulse-glow;position:relative;overflow:hidden}.button-premium:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.button-premium:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 10px 25px #b2ff3380}.button-premium:hover:after{left:200%}.app-container{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:auto}.result-screen{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;padding:15px 20px 80px;display:flex;position:relative;overflow:hidden}.result-title{color:#fc0;text-shadow:0 0 40px #fc06;text-align:center;flex-shrink:0;margin-bottom:clamp(10px,2vh,25px);font-size:clamp(1.5rem,3.5vw,3rem);animation:4s ease-in-out infinite float}.result-content{flex-direction:row;flex:1;justify-content:center;align-items:center;gap:clamp(20px,4vw,60px);width:100%;max-width:1200px;min-height:0;display:flex}@media (orientation:portrait){.result-content{flex-direction:column;gap:20px}.result-preview-wrap{max-height:45vh}.result-ticket-wrap{max-height:40vh}}.result-preview-wrap{flex-shrink:1;justify-content:center;align-items:center;min-height:0;max-height:calc(100vh - 200px);display:flex;overflow:hidden}.result-preview-wrap>div{max-height:100%;transform:rotate(-2deg);box-shadow:0 30px 60px #00000080,0 0 40px #ff33a133;width:auto!important}.result-preview-wrap img{object-fit:contain;max-height:calc(100vh - 300px)}.result-ticket-wrap{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;flex-shrink:0;align-items:center;gap:clamp(10px,2vh,20px);width:100%;max-width:420px;max-height:calc(100vh - 180px);padding:clamp(15px,2.5vw,30px);display:flex;overflow-y:auto;box-shadow:0 20px 50px #00000080}.result-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#000000e6;border:1px solid #ffffff1a;border-radius:24px;justify-content:center;gap:20px;padding:10px 25px;display:flex;position:fixed;bottom:15px;left:50%;transform:translate(-50%)}@media print{body *{visibility:hidden}#thermal-ticket,#thermal-ticket *{visibility:visible}#thermal-ticket{margin:0;padding:0;position:absolute;top:0;left:0}.no-print{display:none!important}}