@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%;min-height:100vh;height:auto;overflow-y:auto;overflow-x:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:15px;gap:20px;position:relative;background:radial-gradient(ellipse at 20% 10%,rgba(5,11,20,.9) 0%,transparent 40%),radial-gradient(ellipse at 80% 90%,rgba(139,92,246,.1) 0%,transparent 40%),linear-gradient(135deg,#050b14,#0a1020 30%,#070d1a 70%,#050b14);background-color:#050b14}.main:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,rgba(0,229,255,.05) 0%,transparent 20%),radial-gradient(circle at 70% 80%,rgba(139,92,246,.03) 0%,transparent 20%);z-index:1;pointer-events:none}#lexa{height:auto;width:auto;filter:drop-shadow(0 0 40px rgba(0,229,255,.4)) drop-shadow(0 0 80px rgba(139,92,246,.2));animation:gentleFloat 8s ease-in-out infinite;position:relative;z-index:2;border-radius:12px;background:linear-gradient(145deg,#00e5ff0d,#8b5cf608);padding:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,229,255,.15);max-height:50vh;max-width:80vw}@media(max-width:1024px){#lexa{max-height:45vh;max-width:85vw}}@media(max-width:768px){#lexa{max-height:40vh;max-width:90vw}}span{font-weight:700;font-size:clamp(1.5rem,2.2vw,2.5rem);text-align:center;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#00e5ff,#8b5cf6,#00e5ff,#8b5cf6,#00e5ff);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow 8s linear infinite;letter-spacing:1px;position:relative;z-index:2;text-shadow:0 4px 20px rgba(0,229,255,.25),0 2px 4px rgba(0,0,0,.3);padding:12px 25px;background-color:#050b14b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:50px;border:1px solid rgba(0,229,255,.25);box-shadow:inset 0 1px #ffffff0d,0 8px 32px #0000004d;margin:5px 0;line-height:1.3}button{width:220px;height:55px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;font-weight:600;border-radius:50px;border:none;background:linear-gradient(135deg,#00e5ff26,#8b5cf61a);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#e5e7eb;text-shadow:0 1px 2px rgba(0,0,0,.5);position:relative;overflow:hidden;z-index:2;box-shadow:0 4px 30px #00e5ff59,0 0 0 1px #00e5ff33,inset 0 1px #ffffff1a;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);margin:5px 0}button:hover{transform:translateY(-2px);background:linear-gradient(135deg,#00e5ff38,#8b5cf626);box-shadow:0 8px 40px #00e5ff73,0 0 0 1px #00e5ff40,inset 0 1px #ffffff26}button:active{transform:translateY(0);transition:all .1s ease}button:before{content:"";position:absolute;top:1px;left:1px;right:1px;bottom:1px;border-radius:50px;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 50%,rgba(255,255,255,.08) 100%);z-index:-1}button:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transform:skew(-15deg);transition:left .8s ease}button:hover:after{left:150%}#speak{width:90px;height:auto;filter:brightness(1.1) drop-shadow(0 0 15px rgba(0,229,255,.5));position:relative;z-index:2;animation:subtlePulse 3s ease-in-out infinite}.response{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;position:relative;z-index:2;padding:20px 25px;border-radius:20px;background:#050b14b3;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(0,229,255,.2);box-shadow:0 8px 40px #0000004d,0 0 0 1px #00e5ff26,inset 0 1px #ffffff0d;animation:containerFloat 6s ease-in-out infinite;margin:5px 0;max-width:85vw;width:auto}p{font-size:clamp(1rem,1.4vw,1.5rem);color:#e5e7eb;text-align:center;padding:0 20px;line-height:1.6;font-weight:400;position:relative;z-index:2;max-width:800px;font-family:Inter,Segoe UI,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.5);background:linear-gradient(90deg,#e5e7eb,#f0f3ff,#e5e7eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textShimmer 8s ease-in-out infinite;margin:0;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}#aigif{width:min(30vh,75vw);height:auto;max-height:35vh;filter:drop-shadow(0 0 25px rgba(0,229,255,.4)) brightness(1.05);animation:gentleFloat 10s ease-in-out infinite;position:relative;z-index:2;border-radius:16px;border:1px solid rgba(0,229,255,.2);background:#050b144d;padding:10px;margin:5px 0}button svg{font-size:22px;color:#00e5ff;filter:drop-shadow(0 0 4px rgba(0,229,255,.4));transition:all .3s ease}button:hover svg{color:#8b5cf6;transform:scale(1.1)}.navbar{position:sticky;top:0;z-index:1000;width:100%;background:linear-gradient(to bottom,#050b14fa,#050b14f2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,229,255,.3);padding:0;height:auto;min-height:70px}.navbar-container{position:relative;max-width:1200px;margin:0 auto;padding:12px 25px;display:flex;align-items:center;justify-content:space-between;height:100%}.ai-scan-line{position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(to right,transparent,rgba(0,229,255,.8),transparent);opacity:.7}.navbar-brand{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.navbar-title{font-size:24px;font-weight:700;letter-spacing:.5px;background:linear-gradient(90deg,#00e5ff,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2;margin:0}.navbar-2title{font-size:20px;font-weight:600;letter-spacing:.4px;background:linear-gradient(90deg,#00e5fff2,#8b5cf6eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2;margin:0}.navbar-version{font-size:11px;color:#00e5ffe6;margin-top:2px;letter-spacing:.6px;line-height:1;font-weight:500}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes subtlePulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes containerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes textShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media(min-width:1025px){.main{padding:20px;gap:25px;justify-content:center;height:100vh;min-height:100vh;overflow:hidden}#lexa{max-height:45vh;max-width:75vw}span{font-size:clamp(1.6rem,2vw,2.2rem);padding:10px 20px}.response{padding:15px 20px;margin:10px 0}p{font-size:clamp(1rem,1.3vw,1.4rem);padding:0 15px;max-width:700px}button{width:210px;height:52px;font-size:16px}#aigif{width:min(25vh,70vw);max-height:30vh}}@media(min-width:1440px){.main{padding:25px;gap:30px}#lexa{max-height:50vh;max-width:70vw}span{font-size:clamp(1.8rem,2.2vw,2.5rem);padding:12px 25px}.navbar-title{font-size:26px}.navbar-2title{font-size:22px}}@media(max-width:1024px)and (min-width:769px){.main{padding:80px 20px 20px;gap:22px}#lexa{max-height:40vh;max-width:80vw}span{font-size:clamp(1.4rem,1.8vw,2rem);padding:12px 25px}button{width:200px;height:52px;font-size:16px}.response{padding:18px 22px}p{font-size:clamp(1rem,1.4vw,1.5rem);padding:0 18px}.navbar{min-height:75px}.navbar-container{padding:10px 20px}.navbar-title{font-size:22px}.navbar-2title{font-size:18px}.navbar-version{font-size:10px}}@media(max-width:768px){.main{gap:20px;padding:90px 18px 18px;justify-content:flex-start}#lexa{max-height:35vh;max-width:85vw}span{font-size:clamp(1.3rem,1.6vw,1.8rem);padding:12px 24px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}button{width:220px;height:56px;font-size:17px;gap:12px}button svg{font-size:24px}.response{padding:18px 22px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}p{padding:0 18px;font-size:clamp(1rem,1.3vw,1.4rem);line-height:1.6}#speak{width:85px}.navbar{min-height:85px!important}.navbar-container{padding:12px 20px!important}.navbar-title{font-size:24px!important}.navbar-2title{font-size:20px!important}.navbar-version{font-size:11px!important}}@media(max-width:480px){.main{gap:18px;padding:95px 15px 15px}#lexa{max-height:32vh;max-width:90vw}span{font-size:1.4rem;padding:12px 22px}button{width:230px;height:58px;font-size:17px;gap:12px}button svg{font-size:25px}.response{padding:16px 20px}p{padding:0 16px;font-size:1.1rem;line-height:1.5}#speak{width:80px}#aigif{width:min(30vh,80vw)}.navbar{min-height:90px!important}.navbar-container{padding:14px 18px!important}.navbar-title{font-size:22px!important}.navbar-2title{font-size:18px!important}.navbar-version{font-size:10px!important}}@media(max-width:360px){.main{gap:15px;padding:85px 12px 12px}#lexa{max-height:30vh}span{font-size:1.2rem;padding:10px 20px}button{width:210px;height:55px;font-size:16px;gap:10px}button svg{font-size:22px}.response{padding:15px 18px}p{font-size:1rem;padding:0 14px}.navbar{min-height:85px!important}.navbar-container{padding:12px 15px!important}.navbar-title{font-size:20px!important}.navbar-2title{font-size:17px!important}.navbar-version{font-size:9px!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}#lexa,.response,#aigif{animation:none!important}}@media(max-width:768px){.main:before{background:none}span,button,.response{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@media(prefers-color-scheme:dark){.main{background:radial-gradient(ellipse at 20% 10%,rgba(3,7,12,.9) 0%,transparent 40%),#050b14}span{background-color:#03070ccc}.response{background:#03070ccc}.navbar{background:linear-gradient(to bottom,#03070cfa,#03070cf2)}}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:#00e5ff66;color:#e5e7eb}button:focus{outline:none;box-shadow:0 0 0 3px #00e5ff80,0 8px 40px #00e5ff73}button:focus-visible{outline:2px solid #00E5FF;outline-offset:4px}.footer{position:relative;background:radial-gradient(circle at top,#070e1af2,#050b14fa);border-top:1px solid rgba(0,229,255,.3);padding:40px 20px 20px;overflow:hidden;margin-top:auto}.footer-glow{position:absolute;top:-40px;left:50%;transform:translate(-50%);width:350px;height:350px;background:radial-gradient(circle,#00e5ff4d,#8b5cf633 70%);filter:blur(40px);opacity:.6}.footer-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:20px}.footer-logo-container{position:relative;width:75px;height:75px}.logo-pulse-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(0,229,255,.7);animation:pulse 3s infinite ease-in-out}.logo-wrapper{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:#070e1af2;display:flex;align-items:center;justify-content:center;box-shadow:0 0 25px #00e5ff80}.footer-logo{width:36px;height:36px}.social-links{display:flex;gap:18px}.social-icon{color:#00e5ff;font-size:20px;transition:transform .25s ease,color .25s ease}.social-icon:hover{transform:scale(1.2);color:#8b5cf6}.footer-divider{width:120px;height:1px;background:linear-gradient(to right,transparent,rgba(0,229,255,.8),transparent);opacity:.7}.footer-copyright{font-size:12px;color:#8b99aa;letter-spacing:.8px;text-align:center;font-weight:400}@keyframes pulse{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:.6}}@media(max-width:768px){.footer{padding:35px 16px 20px}.footer-logo-container{width:70px;height:70px}.footer-logo{width:32px;height:32px}.social-icon{font-size:18px}.footer-copyright{font-size:11px}}@media(max-width:480px){.footer{padding:30px 15px 20px}.footer-logo-container{width:65px;height:65px}.footer-logo{width:30px;height:30px}.social-icon{font-size:16px}.footer-copyright{font-size:10px}}