@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Nunito Sans,sans-serif}body{background-color:#000}body.dark-mode{background-color:#18181b;color:#e5e7eb}*{margin:0;padding:0;box-sizing:border-box}:root{--cyber-primary: #00ff9f;--cyber-secondary: #ff0080;--cyber-accent: #00d4ff;--cyber-warning: #ffff00;--cyber-dark: #0a0a0a;--cyber-darker: #050505;--cyber-glass: rgba(255, 255, 255, .05);--cyber-glass-border: rgba(0, 255, 159, .2);--cyber-text: #ffffff;--cyber-text-dim: #b3b3b3;--cyber-grid: rgba(0, 255, 159, .1)}body{font-family:Orbitron,Segoe UI,monospace;background:radial-gradient(ellipse at top left,rgba(0,255,159,.1) 0%,transparent 50%),radial-gradient(ellipse at top right,rgba(255,0,128,.1) 0%,transparent 50%),radial-gradient(ellipse at bottom,rgba(0,212,255,.1) 0%,transparent 50%),linear-gradient(135deg,var(--cyber-darker) 0%,#1a1a2e 30%,#16213e 60%,#0f3460 100%);background-attachment:fixed;overflow-x:hidden;overflow-y:auto;position:relative;min-height:100vh;width:100vw}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--cyber-grid) 1px,transparent 1px),linear-gradient(90deg,var(--cyber-grid) 1px,transparent 1px),linear-gradient(45deg,rgba(0,255,159,.02) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,0,128,.02) 25%,transparent 25%);background-size:40px 40px,40px 40px,80px 80px,80px 80px;animation:gridScan 15s infinite linear;pointer-events:none;z-index:1}body:after{content:"";position:fixed;top:-100%;left:0;width:100%;height:300%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,159,.03) 2px,rgba(0,255,159,.03) 4px);animation:scanLines 8s infinite linear;pointer-events:none;z-index:2}.cyberpunk-character-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(path-to-your-image.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.15;filter:blur(2px) contrast(1.3) brightness(.7) hue-rotate(10deg) saturate(1.2);z-index:1;pointer-events:none;mix-blend-mode:screen;mask:radial-gradient(ellipse at center,black 30%,transparent 80%),linear-gradient(to bottom,transparent 0%,black 20%,black 80%,transparent 100%);mask-composite:intersect;-webkit-mask:radial-gradient(ellipse at center,black 30%,transparent 80%),linear-gradient(to bottom,transparent 0%,black 20%,black 80%,transparent 100%);-webkit-mask-composite:source-in}.floating-character{position:fixed;top:10%;right:5%;width:200px;height:300px;background-image:url(path-to-your-image.jpg);background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.3;filter:drop-shadow(0 0 30px rgba(0,255,159,.5)) drop-shadow(0 0 60px rgba(255,0,128,.3)) contrast(1.2) brightness(1.1);z-index:2;pointer-events:none;animation:floatCharacter 8s ease-in-out infinite,characterGlow 4s ease-in-out infinite alternate;mask:radial-gradient(ellipse at center,black 60%,transparent 90%);-webkit-mask:radial-gradient(ellipse at center,black 60%,transparent 90%)}.character-accent-left{position:fixed;top:20%;left:-10%;width:300px;height:400px;background-image:url(path-to-your-image.jpg);background-size:cover;background-position:right center;opacity:.08;filter:blur(3px) brightness(.8) hue-rotate(-20deg);z-index:1;pointer-events:none;transform:rotate(-15deg) scale(1.2);animation:subtlePulse 12s ease-in-out infinite;mask:linear-gradient(45deg,black 0%,transparent 70%);-webkit-mask:linear-gradient(45deg,black 0%,transparent 70%)}.character-accent-right{position:fixed;bottom:10%;right:-10%;width:250px;height:350px;background-image:url(path-to-your-image.jpg);background-size:cover;background-position:left center;opacity:.06;filter:blur(4px) brightness(.6) hue-rotate(30deg);z-index:1;pointer-events:none;transform:rotate(20deg) scale(.8);animation:subtlePulse 15s ease-in-out infinite reverse;mask:linear-gradient(-45deg,black 0%,transparent 70%);-webkit-mask:linear-gradient(-45deg,black 0%,transparent 70%)}@keyframes floatCharacter{0%,to{transform:translateY(0) rotate(0) scale(1);opacity:.3}33%{transform:translateY(-20px) rotate(2deg) scale(1.05);opacity:.4}66%{transform:translateY(-10px) rotate(-1deg) scale(.98);opacity:.35}}@keyframes characterGlow{0%{filter:drop-shadow(0 0 30px rgba(0,255,159,.3)) drop-shadow(0 0 60px rgba(255,0,128,.2)) contrast(1.2) brightness(1)}to{filter:drop-shadow(0 0 50px rgba(0,255,159,.6)) drop-shadow(0 0 100px rgba(255,0,128,.4)) contrast(1.4) brightness(1.3)}}@keyframes subtlePulse{0%,to{opacity:.06;transform:scale(1)}50%{opacity:.12;transform:scale(1.05)}}@keyframes gridScan{0%{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-10px) scale(1.01);opacity:.7}to{transform:translateY(0) scale(1);opacity:.3}}@keyframes scanLines{0%{transform:translateY(0)}to{transform:translateY(100px)}}.main{width:100%;min-height:100vh;overflow:visible;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:40px 20px;gap:25px;position:relative;z-index:10;box-sizing:border-box}.main:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(0,255,159,.15) 0%,transparent 30%),radial-gradient(circle at 80% 80%,rgba(255,0,128,.15) 0%,transparent 30%),radial-gradient(circle at 50% 50%,rgba(0,212,255,.1) 0%,transparent 40%),conic-gradient(from 0deg at 30% 70%,transparent,rgba(0,255,159,.05),transparent),conic-gradient(from 180deg at 70% 30%,transparent,rgba(255,0,128,.05),transparent);background-size:600px 600px,700px 700px,500px 500px,800px 800px,900px 900px;animation:holoRotate 25s infinite linear;pointer-events:none;z-index:-1}@keyframes holoRotate{0%{transform:rotate(0) scale(1)}33%{transform:rotate(120deg) scale(1.05)}66%{transform:rotate(240deg) scale(.95)}to{transform:rotate(360deg) scale(1)}}#victor{height:60%;max-height:420px;min-height:300px;width:auto;object-fit:contain;filter:drop-shadow(0 0 30px var(--cyber-primary)) drop-shadow(0 0 60px var(--cyber-secondary)) drop-shadow(0 0 100px var(--cyber-accent)) contrast(1.2) brightness(1.1) saturate(1.3);animation:aiPulse 3s ease-in-out infinite,holoGlow 4s ease-in-out infinite alternate,levitate 6s ease-in-out infinite;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;z-index:15}#victor:before{content:"";position:absolute;inset:-30px;background:radial-gradient(ellipse at center,rgba(0,255,159,.2) 0%,transparent 40%),conic-gradient(from 0deg,#00ff9f1a,#ff00801a,#00d4ff1a,#00ff9f1a);border-radius:50%;animation:auraRotate 8s linear infinite;pointer-events:none;z-index:-1;filter:blur(15px)}#victor:after{content:"";position:absolute;inset:-15px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);border-radius:50%;animation:innerGlow 4s ease-in-out infinite alternate;pointer-events:none;z-index:-1}@keyframes auraRotate{0%{transform:rotate(0) scale(1);opacity:.6}50%{transform:rotate(180deg) scale(1.1);opacity:1}to{transform:rotate(360deg) scale(1);opacity:.6}}@keyframes innerGlow{0%{opacity:.3;transform:scale(1)}to{opacity:.8;transform:scale(1.05)}}@keyframes levitate{0%,to{transform:translateY(0) rotateY(0)}25%{transform:translateY(-8px) rotateY(5deg)}50%{transform:translateY(-5px) rotateY(0)}75%{transform:translateY(-12px) rotateY(-5deg)}}@keyframes aiPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes holoGlow{0%{filter:drop-shadow(0 0 30px var(--cyber-primary)) drop-shadow(0 0 60px var(--cyber-secondary)) contrast(1.2) brightness(1.1)}to{filter:drop-shadow(0 0 50px var(--cyber-primary)) drop-shadow(0 0 100px var(--cyber-secondary)) drop-shadow(0 0 80px var(--cyber-accent)) contrast(1.4) brightness(1.3)}}#victor:hover{transform:scale(1.08) rotateY(10deg);filter:drop-shadow(0 0 40px var(--cyber-primary)) drop-shadow(0 0 80px var(--cyber-secondary)) drop-shadow(0 0 120px var(--cyber-accent)) contrast(1.4) brightness(1.3) saturate(1.5)}span{background:linear-gradient(45deg,var(--cyber-primary),var(--cyber-secondary),var(--cyber-accent),var(--cyber-warning),var(--cyber-primary));background-size:400% 400%;font-size:clamp(1.8rem,5vw,3.5rem);font-weight:800;-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;animation:hologramShift 6s ease-in-out infinite,textGlow 4s ease-in-out infinite alternate,glitch 8s infinite;letter-spacing:3px;position:relative;z-index:15;text-shadow:0 0 10px rgba(0,255,159,.5),0 0 20px rgba(255,0,128,.3),0 0 30px rgba(0,212,255,.2)}@keyframes glitch{0%,90%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes textGlow{0%{filter:drop-shadow(0 0 5px rgba(0,255,159,.5)) drop-shadow(0 0 10px rgba(255,0,128,.3))}to{filter:drop-shadow(0 0 20px rgba(0,255,159,.8)) drop-shadow(0 0 30px rgba(255,0,128,.6))}}@keyframes hologramShift{0%,to{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}.response{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;animation:holoAppear .8s cubic-bezier(.23,1,.32,1);background:linear-gradient(135deg,#00ff9f1a,#ff00800d),radial-gradient(circle at center,rgba(0,212,255,.05),transparent),#0006;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,255,159,.3);border-radius:0;padding:35px;box-shadow:0 0 50px #00ff9f33,0 0 100px #ff00801a,inset 0 1px #ffffff1a;position:relative;z-index:15;clip-path:polygon(15px 0%,100% 0%,calc(100% - 15px) 100%,0% 100%);width:90vw;max-width:1200px;min-width:300px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-height:70vh;overflow-y:auto;box-sizing:border-box}.response:before,.response:after{content:"";position:absolute;width:25px;height:25px;border:2px solid var(--cyber-primary);z-index:5}.response:before{top:15px;left:15px;border-right:none;border-bottom:none;animation:cornerGlow1 2s ease-in-out infinite alternate}.response:after{bottom:15px;right:15px;border-left:none;border-top:none;animation:cornerGlow2 2s ease-in-out infinite alternate}@keyframes cornerGlow1{0%{border-color:var(--cyber-primary);box-shadow:0 0 5px var(--cyber-primary)}to{border-color:var(--cyber-secondary);box-shadow:0 0 15px var(--cyber-secondary)}}@keyframes cornerGlow2{0%{border-color:var(--cyber-secondary);box-shadow:0 0 5px var(--cyber-secondary)}to{border-color:var(--cyber-accent);box-shadow:0 0 15px var(--cyber-accent)}}@keyframes holoAppear{0%{opacity:0;transform:translateY(30px) scale(.9);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.response::-webkit-scrollbar{width:8px}.response::-webkit-scrollbar-track{background:#0003;border-radius:4px}.response::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--cyber-primary),var(--cyber-secondary));border-radius:4px;box-shadow:0 0 6px #00ff9f80}.response::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--cyber-secondary),var(--cyber-accent))}p{font-size:clamp(1rem,2.5vw,1.4rem);color:var(--cyber-text);text-align:left;padding:0 20px;line-height:1.8;font-weight:400;text-shadow:0 0 10px rgba(0,255,159,.3),0 2px 4px rgba(0,0,0,.5);width:100%;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;font-family:Segoe UI,sans-serif;letter-spacing:.5px;margin:0}button{width:280px;height:65px;display:flex;align-items:center;justify-content:center;gap:15px;font-size:16px;font-weight:700;font-family:Orbitron,monospace;border:2px solid var(--cyber-glass-border);border-radius:0;background:linear-gradient(135deg,var(--cyber-glass),rgba(0,255,159,.1)),linear-gradient(45deg,transparent 30%,rgba(255,255,255,.02) 50%,transparent 70%);color:var(--cyber-primary);box-shadow:0 0 20px #00ff9f4d,inset 0 1px #ffffff1a,inset 0 -1px #0003;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:15;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);text-transform:uppercase;letter-spacing:1px}button:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,255,159,.2),transparent);transform:translate(-100%);transition:transform .6s ease}button:after{content:"";position:absolute;inset:2px;background:linear-gradient(135deg,transparent,rgba(0,255,159,.05),transparent),linear-gradient(45deg,rgba(255,0,128,.02),transparent,rgba(0,212,255,.02));clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);z-index:-1}button:hover{transform:translateY(-3px) scale(1.02);border-color:var(--cyber-primary);color:var(--cyber-dark);background:linear-gradient(135deg,#00ff9f33,#00ff9f66),linear-gradient(45deg,#ffffff1a,#00ff9f1a);box-shadow:0 15px 40px #00ff9f66,0 0 30px #00ff9f99,inset 0 1px #ffffff4d;text-shadow:0 0 10px rgba(0,0,0,.5)}button:hover:before{transform:translate(100%)}button:active{transform:translateY(-1px) scale(.98);box-shadow:0 8px 20px #00ff9f4d,0 0 20px #00ff9f66}#speak{width:130px;height:130px;border-radius:50%;animation:holoSpin 3s linear infinite;filter:drop-shadow(0 0 20px var(--cyber-primary)) drop-shadow(0 0 40px var(--cyber-secondary));border:2px solid rgba(0,255,159,.5);position:relative;z-index:15}#speak:before{content:"";position:absolute;inset:-5px;border:1px solid rgba(255,0,128,.3);border-radius:50%;animation:pulseRing 2s ease-in-out infinite}@keyframes holoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseRing{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.5}}#aigif{width:160px;height:130px;border-radius:10px;animation:aiGlow 3s ease-in-out infinite alternate;filter:drop-shadow(0 0 25px var(--cyber-secondary)) contrast(1.2) brightness(1.1);border:1px solid rgba(255,0,128,.4);position:relative;z-index:15}#aigif:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 3s infinite;border-radius:inherit}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes aiGlow{0%{filter:drop-shadow(0 0 25px var(--cyber-secondary)) brightness(1)}to{filter:drop-shadow(0 0 40px var(--cyber-secondary)) brightness(1.2)}}@media (max-width: 768px){.floating-character{display:none}.character-accent-left,.character-accent-right{opacity:.04}.main{gap:20px;padding:20px 15px}#victor{height:50%;max-height:320px;min-height:250px}button{width:250px;height:55px;font-size:14px}.response{padding:25px;width:95vw;max-height:60vh}span{font-size:clamp(1.5rem,6vw,2.5rem);letter-spacing:2px}p{font-size:clamp(.9rem,3.5vw,1.2rem);padding:0 15px;text-align:center}}@media (max-width: 480px){.cyberpunk-character-bg{opacity:.08}button{width:220px;height:50px;font-size:12px;gap:10px}.response{padding:20px;width:98vw}p{font-size:clamp(.85rem,4vw,1.1rem);padding:0 10px}}@media (min-width: 1200px){.floating-character{width:250px;height:375px}.response{width:80vw;max-width:1400px}button{width:320px;height:70px;font-size:18px}p{font-size:clamp(1.1rem,2vw,1.6rem)}}.cyberpunk-character-bg,.floating-character,.character-accent-left,.character-accent-right{will-change:transform,opacity}@media (prefers-reduced-motion: reduce){.floating-character,.character-accent-left,.character-accent-right{animation:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}