@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--font-sans: "Outfit", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--bg-dark: #070014;--bg-darker: #04000b;--primary: #c29d38;--primary-glow: rgba(194, 157, 56, .3);--secondary: #bc1888;--secondary-glow: rgba(188, 24, 136, .3);--accent: #6b00d6;--accent-glow: rgba(107, 0, 214, .3);--text-white: #ffffff;--text-muted: #a6a1c7;--glass-bg: rgba(20, 10, 35, .5);--glass-border: rgba(255, 255, 255, .08);--glass-glow: rgba(107, 0, 214, .15);--shadow-premium: 0 20px 40px -15px rgba(0, 0, 0, .7);--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-white);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.ambient-glow-1{position:absolute;top:-10%;right:-10%;width:50vw;height:50vw;border-radius:50%;background:radial-gradient(circle,var(--secondary-glow) 0%,transparent 70%);filter:blur(80px);z-index:-1;pointer-events:none;animation:float-slow 15s infinite alternate}.ambient-glow-2{position:absolute;bottom:10%;left:-10%;width:60vw;height:60vw;border-radius:50%;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);filter:blur(100px);z-index:-1;pointer-events:none;animation:float-slow 20s infinite alternate-reverse}@keyframes float-slow{0%{transform:translate(0) scale(1)}to{transform:translate(5%,5%) scale(1.1)}}#root{width:100%;min-height:100vh;position:relative}.app-container{max-width:1200px;margin:0 auto;padding:40px 20px;position:relative;z-index:1}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:30px;box-shadow:var(--shadow-premium),inset 0 1px 1px #ffffff1a;transition:var(--transition-smooth)}.glass-card:hover{border-color:#ffffff26;box-shadow:var(--shadow-premium),0 0 30px var(--glass-glow)}h1,h2,h3,h4{font-weight:700;letter-spacing:-.5px}.text-gradient{background:linear-gradient(135deg,#fff 30%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-pink-gradient{background:linear-gradient(135deg,#ff66cc 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.form-group{margin-bottom:24px;text-align:left}.form-label{display:block;font-size:14px;font-weight:600;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.form-input{width:100%;background:#0000004d;border:1px solid var(--glass-border);border-radius:12px;padding:14px 18px;font-family:var(--font-sans);color:#fff;font-size:16px;transition:var(--transition-smooth)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow);background:#00000080}.upload-zone{border:2px dashed rgba(255,255,255,.15);border-radius:16px;padding:30px 20px;text-align:center;cursor:pointer;background:#ffffff05;transition:var(--transition-smooth)}.upload-zone:hover,.upload-zone.drag-active{border-color:var(--secondary);background:#bc18880d}.upload-icon{width:48px;height:48px;color:var(--text-muted);margin:0 auto 12px;transition:var(--transition-smooth)}.upload-zone:hover .upload-icon{color:var(--secondary);transform:translateY(-2px)}.slider-control{margin-top:16px}.slider-input{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 0 8px var(--primary-glow);transition:var(--transition-smooth)}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.2)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;font-size:16px;font-weight:600;font-family:var(--font-sans);border-radius:14px;border:none;cursor:pointer;transition:var(--transition-smooth);text-decoration:none;gap:10px}.btn-primary{background:linear-gradient(135deg,var(--secondary) 0%,var(--accent) 100%);color:#fff;box-shadow:0 10px 20px -10px var(--secondary-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 25px -8px var(--secondary-glow),0 0 20px #bc188866}.btn-primary:disabled{background:#ffffff1a;color:var(--text-muted);cursor:not-allowed;box-shadow:none}.btn-secondary{background:#ffffff0d;color:#fff;border:1px solid var(--glass-border)}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d}.btn-gold{background:linear-gradient(135deg,#e4bf5b 0%,var(--primary) 100%);color:#070014;box-shadow:0 10px 20px -10px var(--primary-glow)}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 15px 25px -8px var(--primary-glow),0 0 20px #c29d3866}.progress-container{margin-bottom:30px}.progress-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.progress-bar-bg{width:100%;height:12px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:6px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--secondary) 50%,var(--primary) 100%);border-radius:5px;transition:width 1s ease-in-out;box-shadow:0 0 10px #bc188880}.grid-cols-2{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;margin-top:40px}@media (max-width: 1024px){.grid-cols-2{grid-template-columns:1fr;gap:30px}}.preview-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.canvas-wrapper{position:relative;width:100%;max-width:420px;aspect-ratio:1 / 1.25;border-radius:16px;overflow:hidden;box-shadow:0 15px 35px #000c,0 0 0 1px var(--glass-border);background:#000}.canvas-wrapper canvas{width:100%;height:100%;display:block}.attendee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin-top:30px}.attendee-card{background:#ffffff05;border:1px solid var(--glass-border);border-radius:16px;padding:16px;text-align:center;transition:var(--transition-smooth)}.attendee-card:hover{transform:translateY(-5px);border-color:var(--secondary);background:#bc188808}.attendee-avatar-wrapper{width:90px;height:90px;border-radius:50%;overflow:hidden;margin:0 auto 12px;border:2px solid var(--primary);box-shadow:0 0 10px var(--primary-glow)}.attendee-avatar{width:100%;height:100%;object-fit:cover}.attendee-name{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attendee-handle{font-size:12px;color:var(--text-muted);margin-top:4px}.badge-event{background:#ffffff0a;border:1px solid var(--glass-border);padding:8px 16px;border-radius:50px;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;margin-bottom:20px}.badge-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px var(--primary);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.9);opacity:.6}50%{transform:scale(1.1);opacity:1}to{transform:scale(.9);opacity:.6}}.footer{margin-top:80px;border-top:1px solid var(--glass-border);padding-top:30px;text-align:center;color:var(--text-muted);font-size:14px}