:root{--bg-primary:#0a0a1a;--bg-secondary:#0f0f2a;--bg-gradient:linear-gradient(135deg,#0a0a1a,#0f0f2a 50%,#1a1a3a);--accent-cyan:#00d4ff;--accent-violet:#8b5cf6;--accent-gradient:linear-gradient(135deg,#00d4ff,#8b5cf6);--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px #0000004d;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#ffffff80;--success:#10b981;--error:#ef4444;--border-radius:16px;--border-radius-sm:12px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;overflow:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0a0a1a,#0f0f2a 50%,#1a1a3a);background:var(--bg-gradient);color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.aiva-app{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative}.ai-background{bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.main-content{position:relative;z-index:10}.neural-grid{animation:grid-move 20s linear infinite;background-image:linear-gradient(#00d4ff08 1px,#0000 0),linear-gradient(90deg,#00d4ff08 1px,#0000 0);background-size:50px 50px;height:100%;left:0;top:0;width:100%}.neural-grid,.neural-node{position:absolute;z-index:-1}.neural-node{animation:node-pulse 3s ease-in-out infinite;background:#00d4ff;background:var(--accent-cyan);border-radius:50%;box-shadow:0 0 10px #00d4ff,0 0 20px #00d4ff;box-shadow:0 0 10px var(--accent-cyan),0 0 20px var(--accent-cyan);height:4px;width:4px}.neural-node:nth-child(odd){animation-delay:-1.5s;background:#8b5cf6;background:var(--accent-violet);box-shadow:0 0 10px #8b5cf6,0 0 20px #8b5cf6;box-shadow:0 0 10px var(--accent-violet),0 0 20px var(--accent-violet)}.neural-connection{animation:connection-flow 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#00d4ff,#0000);background:linear-gradient(90deg,#0000,var(--accent-cyan),#0000);height:1px;opacity:.3;position:absolute;transform-origin:left center;z-index:-1}@keyframes connection-flow{0%{opacity:0;transform:scaleX(0)}50%{opacity:.5}to{opacity:0;transform:scaleX(1)}}.data-particle{animation:float-particle 15s linear infinite;color:#ffffff4d;font-family:Courier New,monospace;font-size:10px;pointer-events:none;position:absolute;z-index:-1}@keyframes float-particle{0%{opacity:0;transform:translateY(100vh) translateX(0)}10%{opacity:.5}90%{opacity:.5}to{opacity:0;transform:translateY(-100px) translateX(20px)}}.nlp-word{animation:word-drift 20s linear infinite;color:#fff3;font-family:Inter,sans-serif;font-size:11px;font-weight:300;letter-spacing:2px;position:absolute;text-transform:uppercase;z-index:-1}@keyframes word-drift{0%{opacity:0;transform:translateX(-100px) translateY(100vh)}20%{opacity:.3}80%{opacity:.3}to{opacity:0;transform:translateX(100vw) translateY(-100px)}}.circuit-layer{height:100%;left:0;opacity:.05;position:absolute;top:0;width:100%;z-index:-1}.circuit-line{background:#00d4ff;background:var(--accent-cyan);position:absolute}.circuit-line.horizontal{animation:circuit-pulse 3s ease-in-out infinite;height:1px}.circuit-line.vertical{animation:circuit-pulse 3s ease-in-out 1.5s infinite;width:1px}.ai-pulse{animation:ai-pulse-wave 4s ease-out infinite;border:1px solid #00d4ff33;border-radius:50%;height:200px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px;z-index:-1}.ai-pulse:nth-child(2){animation-delay:-1.3s;height:300px;width:300px}.ai-pulse:nth-child(3){animation-delay:-2.6s;height:400px;width:400px}@keyframes ai-pulse-wave{0%{opacity:.6;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.4;position:absolute;z-index:-1}.orb-1{animation-delay:0s;background:#00d4ff;background:var(--accent-cyan);height:400px;right:-100px;top:-100px;width:400px}.orb-2{animation-delay:-5s;background:#8b5cf6;background:var(--accent-violet);bottom:-50px;height:300px;left:-50px;width:300px}.orb-3{animation-delay:-10s;background:linear-gradient(135deg,#00d4ff,#8b5cf6);height:200px;left:50%;opacity:.2;top:50%;transform:translate(-50%,-50%);width:200px}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.05)}50%{transform:translate(-10px,10px) scale(.95)}75%{transform:translate(15px,15px) scale(1.02)}}.main-content{align-items:center;display:flex;flex-direction:column;gap:40px;max-width:600px;width:100%;z-index:1}.avatar-container,.avatar-wrapper{align-items:center;display:flex;justify-content:center;position:relative;z-index:10}.avatar-wrapper{height:480px;width:480px}.avatar-glow{animation:pulse-glow 3s ease-in-out infinite;background:linear-gradient(135deg,#00d4ff,#8b5cf6);background:var(--accent-gradient);border-radius:50%;filter:blur(30px);height:100%;opacity:.3;position:absolute;width:100%}.avatar-glow.listening{animation:pulse-listening 1.5s ease-in-out infinite}.avatar-glow.speaking{animation:pulse-speaking 1s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes pulse-listening{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}@keyframes pulse-speaking{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.ring-container{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.ring{animation:ring-rotate 20s linear infinite;border:1px solid #ffffff1a;border-radius:50%;position:absolute}.ring-1{border-bottom-color:#0000;border-top-color:#00d4ff;border-top-color:var(--accent-cyan);height:500px;width:500px}.ring-2{animation-direction:reverse;animation-duration:25s;border-left-color:#8b5cf6;border-left-color:var(--accent-violet);border-right-color:#0000;height:540px;width:540px}.ring-3{border-bottom-color:#0000;border-top-color:#8b5cf6;border-top-color:var(--accent-violet);height:580px;opacity:.5;width:580px}@keyframes ring-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.avatar-image-container{align-items:center;animation:gentle-float 4s ease-in-out infinite;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:420px;justify-content:center;overflow:visible;position:relative;transition:all .3s ease;transition:all var(--transition-normal);width:420px;z-index:20}.avatar-image-container:hover{filter:drop-shadow(0 0 40px rgba(0,212,255,.4));transform:scale(1.05)}.avatar-image-container:active{transform:scale(.98)}.avatar-image-container.speaking{animation:speaking-bounce .3s ease-in-out infinite,gentle-float 4s ease-in-out infinite;filter:drop-shadow(0 0 50px rgba(139,92,246,.6))}.avatar-image-container.listening{animation:listening-pulse 2s ease-in-out infinite,gentle-float 4s ease-in-out infinite;filter:drop-shadow(0 0 40px rgba(0,212,255,.5))}.avatar-image{height:100%;object-fit:contain;transition:transform .2s ease;transition:transform var(--transition-fast);width:100%}.avatar-image-container.speaking .avatar-image{animation:subtle-scale .3s ease-in-out infinite}.lip-sync-overlay{animation:lip-sync .15s ease-in-out infinite;background:radial-gradient(ellipse at center,#8b5cf699 0,#0000 70%);border-radius:50%;bottom:25%;filter:blur(8px);height:30px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:60px}@keyframes gentle-float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-8px) rotate(1deg)}50%{transform:translateY(-12px) rotate(0deg)}75%{transform:translateY(-8px) rotate(-1deg)}}@keyframes speaking-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes listening-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.02)}}@keyframes subtle-scale{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes lip-sync{0%,to{opacity:.4;transform:translateX(-50%) scaleY(.3)}50%{opacity:.8;transform:translateX(-50%) scaleY(1)}}.voice-waves{align-items:center;display:flex;gap:4px;height:60px;justify-content:center;position:absolute}.wave-bar{animation:wave-animation 1s ease-in-out infinite;background:linear-gradient(135deg,#00d4ff,#8b5cf6);background:var(--accent-gradient);border-radius:4px;height:100%;width:4px}.wave-bar:first-child{animation-delay:0s}.wave-bar:nth-child(2){animation-delay:.1s}.wave-bar:nth-child(3){animation-delay:.2s}.wave-bar:nth-child(4){animation-delay:.3s}.wave-bar:nth-child(5){animation-delay:.4s}.wave-bar:nth-child(6){animation-delay:.5s}@keyframes wave-animation{0%,to{opacity:.5;transform:scaleY(.3)}50%{opacity:1;transform:scaleY(1)}}.status-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:20px;bottom:0;display:flex;gap:8px;padding:8px 16px;position:absolute;right:20px}.status-dot{animation:status-pulse 2s ease-in-out infinite;background:#10b981;background:var(--success);border-radius:50%;height:8px;width:8px}.status-dot.listening{background:#00d4ff;background:var(--accent-cyan)}.status-dot.speaking{background:#8b5cf6;background:var(--accent-violet)}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.status-text{color:#ffffffb3;color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:1px;text-transform:uppercase}.greeting-section{animation:fade-in-up .8s ease-out;text-align:center}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.greeting-title{color:#fff;color:var(--text-primary);font-size:32px;font-weight:600;letter-spacing:-.5px;margin-bottom:12px}.greeting-subtitle{color:#ffffffb3;color:var(--text-secondary);font-size:16px;font-weight:400;line-height:1.6;max-width:400px}.actions-container{align-items:center;animation:fade-in-up .8s ease-out .2s both;display:flex;flex-direction:column;gap:16px}.primary-button{align-items:center;background:linear-gradient(135deg,#00d4ff,#8b5cf6);background:var(--accent-gradient);border:none;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00d4ff4d;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:12px;justify-content:center;overflow:hidden;padding:18px 48px;position:relative;transition:all .3s ease;transition:all var(--transition-normal)}.primary-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.primary-button:hover:before{left:100%}.primary-button:hover{box-shadow:0 6px 30px #00d4ff66;transform:translateY(-2px)}.primary-button:active{transform:translateY(0)}.primary-button.listening{animation:button-pulse 1s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 20px #10b98166}@keyframes button-pulse{0%,to{box-shadow:0 4px 20px #10b98166}50%{box-shadow:0 4px 30px #10b98199}}.button-icon{font-size:24px}.secondary-actions{display:flex;gap:12px;margin-top:8px}.secondary-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;border-radius:var(--border-radius-sm);color:#ffffffb3;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease;transition:all var(--transition-normal)}.secondary-button:hover{background:#ffffff1a;border-color:#fff3;color:#fff;color:var(--text-primary);transform:translateY(-1px)}.secondary-button svg{height:18px;width:18px}.glass-card{animation:fade-in-up .8s ease-out .4s both;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 8px 32px #0000004d;box-shadow:var(--glass-shadow);padding:24px}.message-bubble{align-items:flex-start;display:flex;gap:12px;max-width:450px}.message-avatar{align-items:center;background:linear-gradient(135deg,#00d4ff,#8b5cf6);background:var(--accent-gradient);border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.message-avatar svg{height:18px;width:18px}.message-content{background:#ffffff14;border-radius:12px;border-top-left-radius:4px;flex:1 1;padding:12px 16px}.message-text{color:#ffffffb3;color:var(--text-secondary);font-size:14px;line-height:1.6}.quick-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:450px}.quick-action-chip{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:#ffffffb3;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:10px 20px;transition:all .2s ease;transition:all var(--transition-fast)}.quick-action-chip:hover{background:#ffffff1a;border-color:#00d4ff;border-color:var(--accent-cyan);color:#fff;color:var(--text-primary);transform:translateY(-1px)}.typing-indicator{display:flex;gap:4px;padding:12px 16px}.typing-dot{animation:typing-bounce 1.4s ease-in-out infinite;background:#ffffff80;background:var(--text-muted);border-radius:50%;height:8px;width:8px}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}@media (max-width:768px){.aiva-app{padding:20px}.main-content{gap:32px}.avatar-wrapper{height:220px;position:relative;width:220px}.avatar{height:180px;width:180px}.avatar-icon{font-size:50px}.ring-1{height:240px;width:240px}.ring-2{height:260px;width:260px}.ring-3{height:280px;width:280px}.greeting-title{font-size:26px}.greeting-subtitle{font-size:14px}.primary-button{font-size:16px;padding:16px 40px}.secondary-actions{flex-direction:column;width:100%}.secondary-button{width:100%}.avatar-image-container{height:200px!important;width:200px!important}.status-indicator{bottom:-50px;justify-content:center;left:50%;margin-top:0;min-width:120px;position:absolute;right:auto;transform:translateX(-50%);width:-webkit-fit-content;width:fit-content}.avatar-container{padding-bottom:65px}}@media (max-width:480px){.orb{opacity:.2}.avatar-wrapper{height:200px;position:relative;width:200px}.avatar{height:160px;width:160px}.avatar-icon{font-size:40px}.greeting-title{font-size:22px}.quick-actions{align-items:center;flex-direction:column}.quick-action-chip{max-width:200px;text-align:center;width:100%}.avatar-image-container{height:180px!important;width:180px!important}.status-indicator{bottom:-40px;justify-content:center;left:50%;margin-top:0;min-width:100px;position:absolute;right:auto;transform:translateX(-50%);width:-webkit-fit-content;width:fit-content}.avatar-container{padding-bottom:50px}.ring-container{display:none}.avatar-creation-page{padding:10px}.avatar-creation-container{gap:16px;max-width:100%;padding:10px}.aeonx-logo{width:120px}.event-name{font-size:1.2rem}.instructions{font-size:.85rem;padding:0 5px}.camera-area{height:auto!important;margin:0 auto!important;max-width:90%!important;min-height:240px!important;width:90%!important}.camera-area:after,.camera-area:before{border-width:2px!important;height:20px!important;width:20px!important}.camera-area:before{left:3px!important;top:3px!important}.camera-area:after{bottom:3px!important;right:3px!important}.captured-photo{padding:5px}.camera-buttons,.photo-buttons{flex-direction:column;gap:10px;width:100%}.create-avatar-btn{font-size:1rem!important;overflow:hidden!important;padding:14px 24px!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important}}@media (hover:none){.primary-button:hover{box-shadow:0 4px 20px #00d4ff4d;transform:none}.avatar:hover,.quick-action-chip:hover,.secondary-button:hover{transform:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.primary-button:focus,.quick-action-chip:focus,.secondary-button:focus{box-shadow:0 0 0 3px #00d4ff4d;outline:none}.primary-button:focus-visible,.quick-action-chip:focus-visible,.secondary-button:focus-visible{outline:2px solid #00d4ff;outline:2px solid var(--accent-cyan);outline-offset:2px}.avatar-creation-page{align-items:flex-start;background:linear-gradient(135deg,#0a0a1a,#1a1a2e 50%,#0f0f1a);display:flex;height:100%;justify-content:flex-start;min-height:100vh;min-width:100%;overflow-x:hidden;overflow-y:auto;padding:24px;position:relative}.aeonx-bg{bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.aeonx-orb{animation:orb-float 15s ease-in-out infinite;border-radius:50%;filter:blur(100px);position:absolute}.aeonx-orb-1{animation-delay:0s;background:#f2652226;height:500px;right:-100px;top:-200px;width:500px}.aeonx-orb-2{animation-delay:-5s;background:#51576133;bottom:-150px;height:400px;left:-100px;width:400px}.aeonx-orb-3{animation-delay:-10s;background:#f265221a;height:300px;left:50%;top:50%;transform:translate(-50%,-50%);width:300px}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,30px) scale(1.02)}}.aeonx-particle{animation:particle-float 12s linear infinite;background:#f26522;border-radius:50%;height:4px;opacity:.6;position:absolute;width:4px}.aeonx-particle:nth-child(2n){animation-duration:15s;background:#51576199}@keyframes particle-float{0%{opacity:0;transform:translateY(100vh) translateX(0)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(-100px) translateX(30px)}}.aeonx-circuit{background:#f265224d;position:absolute}.aeonx-circuit.h{animation:circuit-pulse 4s ease-in-out infinite;height:1px}.aeonx-circuit.v{animation:circuit-pulse 4s ease-in-out 2s infinite;width:1px}@keyframes circuit-pulse{0%,to{opacity:.2}50%{opacity:.5}}.aeonx-node{animation:node-pulse 2s ease-in-out infinite;background:#f26522;border-radius:50%;box-shadow:0 0 10px #f26522,0 0 20px #f2652280;height:6px;position:absolute;width:6px}@keyframes node-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.aeonx-grid{animation:grid-move 30s linear infinite;background-image:linear-gradient(#f2652208 1px,#0000 0),linear-gradient(90deg,#f2652208 1px,#0000 0);background-size:60px 60px;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.aeonx-pulse{animation:pulse-wave 4s ease-out infinite;border:2px solid #f2652233;border-radius:50%;height:200px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}.aeonx-pulse:nth-child(2){animation-delay:-1.3s;height:350px;width:350px}.aeonx-pulse:nth-child(3){animation-delay:-2.6s;height:500px;width:500px}@keyframes pulse-wave{0%{opacity:.8;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.aeonx-stream{animation:stream-flow 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#f26522,#0000);height:2px;opacity:.4;position:absolute}@keyframes stream-flow{0%{opacity:0;transform:scaleX(0)}50%{opacity:.5;transform:scaleX(1)}to{opacity:0;transform:scaleX(0)}}.avatar-creation-container{align-items:center;animation:fade-in-up .8s ease-out;display:flex;flex-direction:column;gap:32px;max-width:500px;position:relative;width:100%;z-index:10}.logo-section{align-items:center;display:flex;justify-content:center}.aeonx-logo{animation:logo-glow 3s ease-in-out infinite;filter:drop-shadow(0 0 25px rgba(242,101,34,.4));height:auto;width:180px}@keyframes logo-glow{0%,to{filter:drop-shadow(0 0 25px rgba(242,101,34,.4))}50%{filter:drop-shadow(0 0 50px rgba(242,101,34,.7))}}.event-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f26522,#ff8c42 50%,#f26522);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;text-align:center;text-shadow:0 0 30px #f265224d}.instructions{color:#fffc;font-size:16px;line-height:1.6;max-width:400px;text-align:center}.camera-area{align-items:center;animation:camera-glow 3s ease-in-out infinite;background:#f265220d;border:2px solid #f265224d;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 0 30px #f265221a,inset 0 0 50px #f2652205;display:flex;height:450px;justify-content:center;max-width:600px;overflow:visible;position:relative;width:100%}@keyframes camera-glow{0%,to{box-shadow:0 0 30px #f265221a,inset 0 0 50px #f2652205}50%{box-shadow:0 0 50px #f2652233,inset 0 0 60px #f265220d}}.camera-area:after,.camera-area:before{border:2px solid #f2652280;content:"";height:25px;pointer-events:none;position:absolute;width:25px;z-index:10}.camera-area:before{border-bottom:none;border-right:none;left:5px;top:5px}.camera-area:after{border-left:none;border-top:none;bottom:5px;right:5px}.camera-placeholder{align-items:center;color:#ffffff80;color:var(--text-muted);display:flex;flex-direction:column;gap:16px}.placeholder-icon{font-size:48px;opacity:.5}.camera-preview{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.camera-video{height:100%;object-fit:cover;width:100%}.captured-photo{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.captured-image{border-radius:12px;border-radius:calc(var(--border-radius) - 4px);height:100%;max-height:100%;max-width:100%;object-fit:contain;width:100%}.error-message{background:#ef444433;border:1px solid #ef44444d;border-radius:12px;border-radius:var(--border-radius-sm);color:#ef4444}.error-message,.success-message{font-size:14px;max-width:400px;padding:12px 20px;text-align:center;width:100%}.success-message{background:#f2652233;border:1px solid #f2652266;border-radius:12px;border-radius:var(--border-radius-sm);color:#f26522}.button-section{align-items:center;display:flex;flex-direction:column;gap:16px;width:100%}.create-avatar-btn{align-items:center;background:linear-gradient(135deg,#f26522,#ff8c42);border:none;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 20px #f2652266;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:12px;padding:16px 32px;transition:all .3s ease;transition:all var(--transition-normal)}.create-avatar-btn:hover{box-shadow:0 6px 30px #f2652280;transform:translateY(-2px)}.create-avatar-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.create-avatar-btn:active{transform:translateY(0)}.camera-buttons,.photo-buttons{display:flex;gap:16px;max-width:400px;width:100%}.capture-btn{background:linear-gradient(135deg,#f26522,#ff8c42);border:none;border-radius:12px;border-radius:var(--border-radius-sm);box-shadow:0 4px 15px #f265224d;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px;transition:all .3s ease;transition:all var(--transition-normal)}.capture-btn:hover{box-shadow:0 6px 20px #f2652266;transform:translateY(-2px)}.retake-btn{background:#f265221a;border:1px solid #f265224d;color:#f26522}.retake-btn:hover{background:#f2652233}.cancel-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;border-radius:var(--border-radius-sm);color:#fff;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px;transition:all .3s ease;transition:all var(--transition-normal)}.cancel-btn:hover{background:#ffffff26}.generating-message{color:#f26522}@media screen and (max-width:1024px) and (orientation:landscape){.ai-background{transform:scale(.9)}.neural-node,.neural-node:nth-child(odd){height:3px;width:3px}.neural-connection{width:150px!important}.nlp-word{font-size:10px}.ai-pulse{height:150px;width:150px}.ai-pulse:nth-child(2){height:225px;width:225px}.ai-pulse:nth-child(3),.orb-1{height:300px;width:300px}.orb-2{height:250px;width:250px}.orb-3{height:150px;width:150px}}@media screen and (max-width:1024px) and (orientation:portrait),screen and (max-width:768px){.ai-background{transform:scale(.85)}.neural-grid{background-size:40px 40px}.neural-node{height:3px;width:3px}.neural-connection{width:120px!important}.data-particle,.nlp-word{font-size:9px}.ai-pulse{height:120px;width:120px}.ai-pulse:nth-child(2){height:180px;width:180px}.ai-pulse:nth-child(3){height:240px;width:240px}.orb-1{height:280px;right:-80px;top:-80px;width:280px}.orb-2{bottom:-40px;height:200px;left:-40px;width:200px}.orb-3{height:120px;width:120px}.circuit-layer{opacity:.03}}@media screen and (min-width:768px) and (max-width:1200px){.ai-background{transform:scale(.95)}.neural-node{height:3px;width:3px}.neural-connection{width:180px!important}.ai-pulse{height:160px;width:160px}.ai-pulse:nth-child(2){height:240px;width:240px}.ai-pulse:nth-child(3){height:320px;width:320px}}@media screen and (max-width:480px){.ai-background{transform:scale(.7)}.neural-grid{background-size:30px 30px}.neural-node{height:2px;width:2px}.neural-connection{display:none}.nlp-word{letter-spacing:1px}.data-particle,.nlp-word{font-size:8px}.ai-pulse{height:80px;width:80px}.ai-pulse:nth-child(2){height:120px;width:120px}.ai-pulse:nth-child(3){height:160px;width:160px}.orb-1{height:200px;right:-60px;top:-60px;width:200px}.orb-2{bottom:-30px;height:150px;left:-30px;width:150px}.orb-3{height:100px;width:100px}.circuit-layer{display:none}}@media screen and (min-width:1024px) and (max-width:1366px) and (orientation:portrait){.ai-background{transform:scale(.9)}.neural-node{height:3px;width:3px}.ai-pulse{height:140px;width:140px}.ai-pulse:nth-child(2){height:210px;width:210px}.ai-pulse:nth-child(3){height:280px;width:280px}}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-resolution:192dpi){.neural-grid{background-size:25px 25px}.orb{filter:blur(60px)}}.retake-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;border-radius:var(--border-radius-sm);color:#fff;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px;transition:all .3s ease;transition:all var(--transition-normal)}.retake-btn:hover{background:#ffffff26}.generate-btn{align-items:center;background:linear-gradient(135deg,#f26522,#ff8c42);border:none;border-radius:12px;border-radius:var(--border-radius-sm);box-shadow:0 4px 15px #f265224d;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .3s ease;transition:all var(--transition-normal)}.generate-btn:hover{box-shadow:0 6px 20px #f2652266;transform:translateY(-2px)}.generating-message{align-items:center;display:flex;flex-direction:column;gap:16px;padding:24px}.spinner{animation:spin 1s linear infinite;border:3px solid #f2652233;border-radius:50%;border-top-color:#f26522;height:48px;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.generating-message p{color:#ffffffb3;color:var(--text-secondary);font-size:16px}@media (max-width:600px){.event-name{font-size:22px}.camera-area{height:280px;max-width:90vw}.captured-image{max-height:100%;max-width:100%}.camera-buttons,.photo-buttons{flex-direction:column}.create-avatar-btn{font-size:16px;padding:14px 24px}.avatar-comparison{flex-direction:row;flex-wrap:wrap}.avatar-comparison-item{margin:0 0 16px}}.avatar-comparison{align-items:center;display:flex;flex-direction:row;gap:60px;justify-content:center;margin-top:30px}.avatar-comparison-item{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;text-align:center}.comparison-title{color:#ffffffb3;color:var(--text-secondary);font-size:16px;font-weight:500;font-weight:600;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.countdown-timer{background:#8b5cf61a;border-radius:20px;color:#ffffff80;color:var(--text-muted);display:inline-block;font-size:14px;margin-top:16px;padding:8px 16px}@media (max-width:600px){.avatar-creation-page{align-items:flex-start!important;overflow-y:auto!important}.avatar-comparison{flex-direction:column;gap:20px}.avatar-comparison-item{margin:0;width:100%}.comparison-title{font-size:14px;margin-bottom:12px}.camera-area{height:auto;margin:0 auto;max-width:85%;min-height:280px;padding:5px}.camera-area:after,.camera-area:before{border-width:2px;height:30px;width:30px}.camera-area:before{left:8px;top:8px}.camera-area:after{bottom:8px;right:8px}.captured-photo{padding:10px}.captured-image{max-height:100%;max-width:100%;object-fit:contain}.countdown-timer{font-size:12px;padding:6px 12px}.event-name{font-size:1.2rem}.instructions{font-size:.9rem}.avatar-creation-container{min-height:auto;overflow-y:visible;padding:20px 15px}}.avatar-instructions-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.avatar-instructions-modal{animation:slideUp .4s ease;background:linear-gradient(135deg,#0f0f2af2,#1a1a3af2);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 60px #00d4ff33;max-width:500px;padding:40px;text-align:center;width:90%}.modal-icon{animation:bounce 1s ease infinite;font-size:64px;margin-bottom:20px}.avatar-instructions-modal h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#8b5cf6);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;margin-bottom:16px}.avatar-instructions-modal p{color:#ffffffb3;color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:30px}.instructions-steps{display:flex;flex-direction:column;gap:16px;margin-bottom:30px;text-align:left}.step{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;display:flex;gap:16px;padding:16px;transition:.2s ease;transition:var(--transition-fast)}.step:hover{background:#ffffff0d;border-color:#00d4ff33}.step-number{align-items:center;background:linear-gradient(135deg,#00d4ff,#8b5cf6);background:var(--accent-gradient);border-radius:50%;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:36px;justify-content:center;width:36px}.step span:last-child{color:#fff;color:var(--text-primary);font-size:.95rem}.proceed-btn{background:linear-gradient(135deg,#00d4ff,#8b5cf6);background:var(--accent-gradient);border:none;border-radius:16px;box-shadow:0 4px 20px #00d4ff4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:18px 36px;transition:.2s ease;transition:var(--transition-fast);width:100%}.proceed-btn:hover:not(:disabled){box-shadow:0 6px 30px #00d4ff66;transform:translateY(-2px)}.proceed-btn:disabled{cursor:not-allowed;opacity:.7}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:600px){.avatar-instructions-modal{margin:20px;padding:30px 20px}.avatar-instructions-modal h2{font-size:1.4rem}.avatar-instructions-modal p{font-size:1rem}.modal-icon{font-size:48px}.step{gap:12px;padding:12px}.step-number{font-size:.9rem;height:30px;width:30px}.step span:last-child{font-size:.85rem}}
/*# sourceMappingURL=main.c4940231.css.map*/