@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Nunito Sans,sans-serif}body{background-color:#000}.main{width:100%;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;gap:18px;position:relative;background:radial-gradient(ellipse at top,#0b0f1af2,#020409),linear-gradient(180deg,transparent 0%,rgba(0,240,255,.05) 50%,transparent 100%);background-color:#020409}.main:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(0,240,255,.6),transparent);animation:scanLine 8s linear infinite;z-index:1}#lexa{height:75%;filter:drop-shadow(0 0 35px rgba(0,240,255,.5));animation:float 4s ease-in-out infinite;position:relative;z-index:2}span{font-weight:700;font-size:clamp(1.4rem,2.6vw,2.9rem);text-align:center;font-family:Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#00f0ff,#6a00ff,#00f0ff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientMove 4s linear infinite;letter-spacing:1px;text-transform:uppercase;position:relative;z-index:2;text-shadow:0 0 15px rgba(0,240,255,.3)}button{width:200px;height:50px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:17px;font-weight:600;border-radius:50px;border:none;background:#00f0ff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-shadow:0 0 8px rgba(0,240,255,.5);position:relative;overflow:hidden;z-index:2;box-shadow:0 0 25px #00f0ff66,inset 0 0 15px #6a00ff33;cursor:pointer;transition:all .3s ease}button:hover{transform:scale(1.05);box-shadow:0 0 40px #00f0ff99,inset 0 0 20px #6a00ff4d}button:active{transform:scale(.98);transition:all .1s ease}button:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .7s ease}button:hover:after{left:150%}#speak{width:90px;filter:drop-shadow(0 0 20px #00f0ff);animation:glowPulse 2.5s ease-in-out infinite;position:relative;z-index:2}.response{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;position:relative;z-index:2;padding:20px;border-radius:20px;background:#0b0f1a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,240,255,.1);box-shadow:0 0 25px #00f0ff26}p{font-size:clamp(1rem,1.4vw,1.5rem);color:#e0e7ff;text-align:center;padding:0 24px;line-height:1.7;font-weight:400;position:relative;z-index:2;max-width:800px;text-shadow:0 0 5px rgba(0,240,255,.2)}#aigif{width:min(45vh,90vw);height:auto;filter:drop-shadow(0 0 30px rgba(106,0,255,.6));animation:float 5s ease-in-out infinite;position:relative;z-index:2;border-radius:15px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 15px rgba(0,240,255,.5));opacity:.9}50%{filter:drop-shadow(0 0 25px rgba(0,240,255,.8));opacity:1}}@keyframes scanLine{0%{top:-10%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:110%;opacity:0}}.main:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,rgba(0,240,255,.4) 1px,transparent 2px),radial-gradient(2px 2px at 80% 70%,rgba(106,0,255,.4) 1px,transparent 2px),radial-gradient(2px 2px at 40% 90%,rgba(0,240,255,.3) 1px,transparent 2px),radial-gradient(2px 2px at 60% 10%,rgba(106,0,255,.3) 1px,transparent 2px);background-size:400px 400px;z-index:1;opacity:.5}@media(max-width:768px){.main{gap:15px;padding:15px}#lexa{height:60%}button{width:180px;height:48px;font-size:16px}.response{padding:15px}.main:before{animation:scanLine 12s linear infinite}}@media(max-width:480px){.main{gap:12px}#lexa{height:50%}button{width:160px;height:46px;font-size:15px}p{padding:0 15px;font-size:clamp(.9rem,1.2vw,1.3rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#lexa,#speak,#aigif,span,button{will-change:transform,filter;backface-visibility:hidden;transform:translateZ(0)}