@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap";:root{--canvas:#0a0a0a;--canvas-soft:#111;--canvas-deep:#050505;--surface-card:#141414;--surface-elevated:#1a1a1a;--surface-strong:#1e1e1e;--surface-dark:#0a0a0a;--gold:#d4af37;--gold-light:#f5e6a3;--gold-dark:#997a15;--gold-glow:#d4af3726;--gold-glow-strong:#d4af374d;--ink:#fff;--body:silver;--body-strong:#fff;--muted:gray;--muted-soft:#555;--hairline:#2a2a2a;--hairline-soft:#1e1e1e;--hairline-strong:#333;--primary:#d4af37;--primary-active:#997a15;--on-primary:#0a0a0a;--on-dark:#fff;--on-dark-soft:gray;--gradient-gold-1:#d4af37;--gradient-gold-2:#f5e6a3;--gradient-gold-3:#997a15;--gradient-dark-1:#1a1a2e;--gradient-dark-2:#0a0a0a;--semantic-error:#ef4444;--semantic-success:#22c55e;--semantic-error-bg:#ef44441a;--semantic-success-bg:#22c55e1a;--spacing-xxs:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-base:16px;--spacing-md:20px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-section:96px;--rounded-sm:6px;--rounded-md:8px;--rounded-lg:12px;--rounded-xl:16px;--rounded-xxl:24px;--rounded-pill:9999px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--canvas);color:var(--ink);letter-spacing:.16px;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);font-family:Inter,sans-serif;font-size:16px;line-height:1.5}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--canvas)}::-webkit-scrollbar-thumb{background:var(--hairline-strong);border-radius:var(--rounded-pill)}.display-mega{letter-spacing:-1.92px;font-family:Playfair Display,serif;font-size:64px;font-weight:400;line-height:1.05}.display-xl{letter-spacing:-.96px;font-family:Playfair Display,serif;font-size:48px;font-weight:400;line-height:1.08}.display-lg{letter-spacing:-.36px;font-family:Playfair Display,serif;font-size:36px;font-weight:400;line-height:1.17}.display-md{letter-spacing:-.32px;font-family:Playfair Display,serif;font-size:32px;font-weight:400;line-height:1.13}.display-sm{font-family:Playfair Display,serif;font-size:24px;font-weight:400;line-height:1.2}.caption-uppercase{letter-spacing:1.5px;text-transform:uppercase;font-family:Inter,sans-serif;font-size:11px;font-weight:600;line-height:1.4}.top-nav{-webkit-backdrop-filter:blur(20px);height:72px;padding:0 var(--spacing-xxl);border-bottom:1px solid var(--hairline);z-index:100;background:#0a0a0ad9;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.nav-brand{color:var(--gold);letter-spacing:3px;text-transform:uppercase;font-family:Playfair Display,serif;font-size:22px;font-weight:600;text-decoration:none}.btn-primary{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 50%, var(--gold) 100%);color:var(--on-primary);border-radius:var(--rounded-pill);cursor:pointer;letter-spacing:.5px;text-transform:uppercase;-webkit-tap-highlight-color:transparent;background-size:200% 200%;border:none;height:48px;min-height:48px;padding:12px 24px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;line-height:1;transition:all .3s;box-shadow:0 4px 20px #d4af3733}.btn-primary:hover{background-position:100% 100%;transform:translateY(-1px);box-shadow:0 6px 30px #d4af3759}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-outline{color:var(--gold);border:1px solid var(--gold);border-radius:var(--rounded-pill);cursor:pointer;letter-spacing:.5px;text-transform:uppercase;-webkit-tap-highlight-color:transparent;background:0 0;height:48px;min-height:48px;padding:11px 22px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:1;transition:all .3s}.btn-outline:hover{background:var(--gold-glow);box-shadow:0 0 20px #d4af3726}.text-input{background:var(--surface-elevated);color:var(--ink);border:1px solid var(--hairline-strong);border-radius:var(--rounded-md);-webkit-appearance:none;outline:none;width:100%;height:52px;padding:14px 16px;font-family:Inter,sans-serif;font-size:16px;font-weight:400;transition:all .3s}.text-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}.text-input::placeholder{color:var(--muted-soft)}select.text-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23D4AF37' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}select.text-input option{background:var(--surface-card);color:var(--ink)}.card{background:var(--surface-card);border-radius:var(--rounded-xl);border:1px solid var(--hairline);padding:var(--spacing-lg)}.badge{background:var(--gold-glow);color:var(--gold);letter-spacing:1px;text-transform:uppercase;border-radius:var(--rounded-pill);border:1px solid #d4af3733;padding:6px 14px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;line-height:1.4;display:inline-block}.gradient-orb{filter:blur(100px);opacity:.3;pointer-events:none;z-index:0;border-radius:50%;position:absolute}.section{padding:var(--spacing-section) var(--spacing-xxl);max-width:1200px;margin:0 auto;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseGold{0%,to{box-shadow:0 0 20px #d4af3733}50%{box-shadow:0 0 40px #d4af3766}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes checkDraw{0%{stroke-dashoffset:50px}to{stroke-dashoffset:0}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.lux-loading{justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;height:100vh;display:flex}.lux-loading-ring{border:2px solid var(--hairline);border-top-color:var(--gold);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.lux-loading-text{letter-spacing:4px;text-transform:uppercase;color:var(--gold);font-family:Playfair Display,serif;font-size:14px;font-weight:600}@media (width<=640px){.display-mega{letter-spacing:-.64px;font-size:32px}.display-xl{font-size:26px}.display-lg{font-size:22px}.display-sm{font-size:20px}.section{padding:var(--spacing-xl) var(--spacing-base)}.top-nav{padding:0 var(--spacing-base);height:60px}.nav-brand{letter-spacing:2px;font-size:18px}.text-input{height:52px;font-size:16px}.btn-primary,.btn-outline{height:52px;min-height:52px;font-size:14px}}.hero{text-align:center;background:radial-gradient(at 50% 0,#d4af370f 0%,#0000 60%);flex-direction:column;justify-content:center;align-items:center;min-height:55vh;padding:64px 24px;display:flex;position:relative;overflow:hidden}.heroContent{z-index:1;animation:.8s ease-out fadeInUp;position:relative}.orbGold1{background:radial-gradient(circle,#d4af3726 0%,#0000 70%);width:500px;height:500px;top:-200px;left:-150px}.orbGold2{background:radial-gradient(circle,#f5e6a314 0%,#0000 70%);width:400px;height:400px;bottom:-100px;right:-100px}.orbGold3{background:radial-gradient(circle,#997a151f 0%,#0000 70%);width:300px;height:300px;top:40%;right:15%}.label{margin-bottom:var(--spacing-sm);color:var(--gold)}.eventName{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-xl);color:var(--muted);letter-spacing:.5px;font-family:Inter,sans-serif;font-size:16px;font-weight:400}.countdownGrid{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);justify-content:center;display:flex}.countdownItem{flex-direction:column;align-items:center;display:flex}.countdownValue{letter-spacing:-2px;background:linear-gradient(180deg, var(--gold-light) 0%, var(--gold) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;min-width:90px;font-family:Playfair Display,serif;font-size:72px;font-weight:400;line-height:1}.countdownLabel{letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-top:var(--spacing-xs);font-family:Inter,sans-serif;font-size:11px;font-weight:600}.noEvents{text-align:center;background:radial-gradient(#d4af370a 0%,#0000 60%);padding:96px 48px;position:relative;overflow:hidden}.noEventsContent{z-index:1;animation:.8s ease-out fadeInUp;position:relative}.noEventsText{color:var(--muted);margin-top:var(--spacing-base);font-size:16px}.registerSection{padding:0 var(--spacing-lg) var(--spacing-xxl);max-width:560px;margin:0 auto}.registerCard{background:var(--surface-card);border-radius:var(--rounded-xl);border:1px solid var(--hairline);padding:var(--spacing-xl);animation:.6s ease-out fadeInUp;position:relative;overflow:hidden}.registerCard:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.registerTitle{margin-bottom:var(--spacing-lg);text-align:center;color:var(--gold-light)}.formGroup{margin-bottom:var(--spacing-base)}.formLabel{color:var(--muted);letter-spacing:.8px;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.formActions{margin-top:var(--spacing-lg);justify-content:center;display:flex}.errorMsg{background:var(--semantic-error-bg);color:var(--semantic-error);border-radius:var(--rounded-md);padding:var(--spacing-sm) var(--spacing-base);margin-bottom:var(--spacing-base);text-align:center;border:1px solid #ef444433;font-size:14px;animation:.5s ease-in-out shake}.eventInfo{background:var(--surface-elevated);border:1px solid var(--hairline);border-radius:var(--rounded-md);color:var(--body);align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex}.eventInfoDot{background:var(--gold);width:8px;height:8px;box-shadow:0 0 8px var(--gold-glow-strong);border-radius:50%;flex-shrink:0}.qrResult{text-align:center;padding:var(--spacing-xl);animation:.5s ease-out scaleIn}.qrImage{border-radius:var(--rounded-xl);width:100%;max-width:360px;margin:var(--spacing-lg) 0;border:2px solid var(--hairline-strong);box-shadow:0 8px 40px #d4af371a}.qrMeta{color:var(--muted);margin-top:var(--spacing-sm);font-size:14px}.qrMetaStrong{color:var(--gold-light);font-weight:500}.successBadge{background:var(--semantic-success-bg);color:var(--semantic-success);border-radius:var(--rounded-pill);letter-spacing:.5px;margin-bottom:var(--spacing-base);border:1px solid #22c55e33;padding:6px 16px;font-size:12px;font-weight:600;display:inline-block}.newRegisterBtn{margin-top:var(--spacing-lg)}.footer{background:var(--canvas-deep);text-align:center;padding:var(--spacing-xl) var(--spacing-lg);color:var(--muted-soft);border-top:1px solid var(--hairline);letter-spacing:.5px;padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom));font-size:12px}.footerBrand{color:var(--gold);letter-spacing:3px;text-transform:uppercase;margin-bottom:var(--spacing-xs);font-family:Playfair Display,serif;font-size:14px;font-weight:600}.v-login{min-height:100dvh;padding:var(--spacing-lg);background:radial-gradient(at 50% 30%,#d4af370a 0%,#0000 60%);justify-content:center;align-items:center;display:flex}.v-login-card{background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--rounded-xl);width:100%;max-width:400px;padding:var(--spacing-xl) var(--spacing-lg);text-align:center;animation:.6s ease-out fadeInUp;position:relative}.v-login-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.v-login-brand{letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:var(--spacing-xxs);font-family:Playfair Display,serif;font-size:20px;font-weight:600}.v-login-subtitle{color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:var(--spacing-xl);font-size:12px}.v-field{margin-bottom:var(--spacing-base);text-align:left}.v-field-label{color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.v-login-btn{width:100%;margin-top:var(--spacing-sm);height:48px}.v-back-link{margin-top:var(--spacing-lg);color:var(--muted);font-size:13px;text-decoration:none;transition:color .2s;display:inline-block}.v-back-link:hover{color:var(--gold)}.v-error{background:var(--semantic-error-bg);color:var(--semantic-error);border-radius:var(--rounded-md);padding:var(--spacing-sm) var(--spacing-base);margin-bottom:var(--spacing-base);text-align:center;border:1px solid #ef444433;font-size:14px}.v-error-scan{align-items:flex-start;gap:var(--spacing-sm);text-align:left;animation:.5s ease-in-out shake;display:flex}.v-error-scan strong{margin-bottom:2px;display:block}.v-error-scan p{opacity:.9;font-size:13px}.v-panel{background:var(--canvas);min-height:100vh}.v-panel-header{-webkit-backdrop-filter:blur(20px);height:64px;padding:0 var(--spacing-lg);border-bottom:1px solid var(--hairline);z-index:100;background:#0a0a0ad9;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.v-panel-brand{letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-family:Playfair Display,serif;font-size:18px;font-weight:600;text-decoration:none}.v-logout-btn{height:36px;padding:8px 16px;font-size:12px}.v-panel-body{max-width:520px;padding:var(--spacing-lg) var(--spacing-base);padding-bottom:calc(var(--spacing-xxl) + env(safe-area-inset-bottom));margin:0 auto}.v-scanner-card{background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--rounded-xl);animation:.6s ease-out fadeInUp;overflow:hidden}.v-scanner-frame{background:var(--canvas-deep);position:relative}.v-scanner-frame:before,.v-scanner-frame:after{content:"";border-color:var(--gold);z-index:10;pointer-events:none;border-style:solid;width:50px;height:50px;position:absolute}.v-scanner-frame:before{border-width:3px 0 0 3px;border-radius:6px 0 0;top:16px;left:16px}.v-scanner-frame:after{border-width:3px 3px 0 0;border-radius:0 6px 0 0;top:16px;right:16px}.v-scanner-corners-bottom{pointer-events:none;height:40px;position:absolute;bottom:0;left:0;right:0}.v-scanner-hint{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-base);color:var(--muted);border-top:1px solid var(--hairline);font-size:13px;display:flex}.v-result-card{background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--rounded-xl);padding:var(--spacing-xl);animation:.5s ease-out fadeInUp;position:relative;overflow:hidden}.v-result-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:.4;height:1px;position:absolute;top:0;left:0;right:0}.v-loading-state{padding:var(--spacing-xxl);justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;display:flex}.v-loading-spinner{border:2px solid var(--hairline);border-top-color:var(--gold);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.v-loading-text{color:var(--muted);letter-spacing:.5px;font-size:14px}.v-success-state{text-align:center;padding:var(--spacing-xxl) var(--spacing-xl)}.v-success-icon{margin-bottom:var(--spacing-lg);animation:.5s ease-out scaleIn}.v-success-title{color:var(--semantic-success);margin-bottom:var(--spacing-xs);font-family:Playfair Display,serif;font-size:28px;font-weight:400}.v-success-name{color:var(--ink);margin-bottom:var(--spacing-xxs);font-size:18px;font-weight:500}.v-success-detail{color:var(--muted);margin-bottom:var(--spacing-xl);font-size:14px}.v-rescan-btn{width:100%;margin-top:var(--spacing-lg);height:52px}.v-info{margin-bottom:var(--spacing-lg)}.v-info-header{margin-bottom:var(--spacing-base)}.v-info-name{color:var(--ink);margin-bottom:var(--spacing-xxs);font-family:Playfair Display,serif;font-size:24px;font-weight:400}.v-info-event{color:var(--gold);letter-spacing:.5px;font-size:13px}.v-info-divider{background:linear-gradient(90deg, transparent, var(--hairline-strong), transparent);height:1px;margin:var(--spacing-base) 0}.v-info-grid{gap:var(--spacing-base);grid-template-columns:1fr 1fr;display:grid}.v-info-item{flex-direction:column;gap:4px;display:flex}.v-info-item-full{grid-column:1/-1}.v-info-label{color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;font-size:10px;font-weight:600}.v-info-value{color:var(--ink);font-size:16px;font-weight:400}.v-info-promotor{color:var(--gold-light);font-weight:500}.v-info-status{align-items:center;gap:var(--spacing-xs);color:var(--muted);margin-bottom:var(--spacing-base);font-size:14px;display:flex}.v-status-dot{border-radius:50%;width:8px;height:8px}.v-status-active{background:var(--semantic-success);box-shadow:0 0 8px #22c55e66}.v-status-inactive{background:var(--gold);box-shadow:0 0 8px var(--gold-glow-strong);animation:2s ease-in-out infinite pulseGold}.v-confirm-btn{width:100%;height:56px;margin-top:var(--spacing-base);font-size:15px}.v-btn-loading{justify-content:center;align-items:center;gap:var(--spacing-xs);display:flex}.v-btn-spinner{border:2px solid #0a0a0a4d;border-top-color:var(--on-primary);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes checkCircle{0%{stroke-dashoffset:188.5px}to{stroke-dashoffset:0}}@media (width<=640px){.hero{padding:48px var(--spacing-base);min-height:auto}.countdownValue{min-width:56px;font-size:40px}.countdownGrid{gap:var(--spacing-sm)}.countdownLabel{letter-spacing:1.5px;font-size:10px}.eventName{margin-bottom:var(--spacing-lg);font-size:14px}.registerSection{padding:0 var(--spacing-base) var(--spacing-xl)}.registerCard{padding:var(--spacing-lg) var(--spacing-base);border-radius:var(--rounded-lg)}.orbGold1,.orbGold2,.orbGold3{filter:blur(60px);width:180px;height:180px}.qrResult{padding:var(--spacing-lg) var(--spacing-sm)}.qrImage{width:100%;max-width:280px}.v-login{padding:var(--spacing-base)}.v-login-card{padding:var(--spacing-lg);border-radius:var(--rounded-lg)}.v-panel-header{padding:0 var(--spacing-base);height:56px}.v-panel-brand{letter-spacing:2px;font-size:16px}.v-panel-body{padding:var(--spacing-base) var(--spacing-sm)}.v-scanner-card{border-radius:var(--rounded-lg)}.v-scanner-frame:before,.v-scanner-frame:after{border-width:2px;width:36px;height:36px}.v-scanner-frame:before{top:10px;left:10px}.v-scanner-frame:after{top:10px;right:10px}.v-scanner-hint{padding:var(--spacing-sm);font-size:12px}.v-result-card{padding:var(--spacing-lg) var(--spacing-base);border-radius:var(--rounded-lg)}.v-info-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.v-info-name{font-size:20px}.v-info-event{font-size:12px}.v-info-label{font-size:10px}.v-info-value{font-size:15px}.v-success-state{padding:var(--spacing-xl) var(--spacing-base)}.v-success-title{font-size:22px}.v-success-name{font-size:16px}.v-success-icon svg{width:56px;height:56px}.v-confirm-btn{height:52px;bottom:var(--spacing-base);margin-top:var(--spacing-lg);z-index:10;font-size:14px;position:sticky}.v-rescan-btn{height:48px}.v-error-scan{text-align:center;align-items:center;gap:var(--spacing-xs);flex-direction:column}.footer{padding:var(--spacing-lg) var(--spacing-base);padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom))}.footerBrand{letter-spacing:2px;font-size:12px}}@media (width<=360px){.countdownValue{min-width:48px;font-size:34px}.countdownGrid{gap:6px}.hero{padding:var(--spacing-lg) var(--spacing-sm)}.registerCard{padding:var(--spacing-base) var(--spacing-sm)}}