:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;background-color:#0a0a0a;width:100%;position:relative}.app-container{min-height:100vh;background-color:#0a0a0a;color:#fff;overflow-x:hidden;position:relative;width:100%}.navbar{position:fixed;top:0;width:100%;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.navbar-brand{display:flex;align-items:center;gap:.5rem}.logo{font-size:1.5rem;font-weight:700;background:linear-gradient(45deg,#0f8,#0fe);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-icon{display:none;width:32px;height:32px}.menu-toggle{display:none;background:none;border:none;color:#0f8;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .3s ease}.menu-toggle:hover{color:#0fe;transform:scale(1.1)}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:99;display:block;opacity:1;transition:opacity .3s ease}.menu-overlay.active{opacity:1}.nav-links{display:flex;align-items:center}.nav-links a{color:#fff;text-decoration:none;margin-left:2rem;transition:color .3s;font-weight:500}.nav-links a:hover{color:#0f8}.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:2rem;text-align:center}.space-background{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#0a0a0a,#000);z-index:-1}.title{font-size:4rem;margin-bottom:1rem;line-height:1.2}.highlight{background:linear-gradient(45deg,#0f8,#0fe);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:1.5rem;color:#888;margin-bottom:3rem}.hero-cta{display:inline-block;padding:1rem 2rem;background:linear-gradient(45deg,#0f8,#0fe);color:#000;text-decoration:none;border-radius:2rem;font-weight:700;font-size:1.1rem;transition:all .4s ease;position:relative;overflow:hidden}.hero-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.hero-cta:hover:before{left:100%}.hero-cta:hover{transform:scale(1.05);box-shadow:0 10px 30px #00ff884d,0 0 20px #0f83,inset 0 1px #ffffff4d}.services{padding:8rem 2rem 6rem;background:linear-gradient(135deg,#0a0a0a,#111)}.services h2,.technologies h2,.about h2,.portfolio h2{text-align:center;margin-bottom:1rem;font-size:3rem;background:linear-gradient(45deg,#fff,#ccc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-subtitle{text-align:center;color:#888;font-size:1.2rem;margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;max-width:1200px;margin:0 auto}.service-card{background:#ffffff08;padding:3rem 2rem;border-radius:1rem;text-align:center;transition:all .4s ease;border:1px solid rgba(0,255,136,.1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.service-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,136,.1),transparent);transition:left .6s ease}.service-card:hover:before{left:100%}.service-card:hover{border-color:#0f8;background:#00ff881a;transform:translateY(-2px);box-shadow:0 10px 25px #0f83,0 0 20px #00ff881a,inset 0 1px #0f83}.service-icon{font-size:3rem;color:#0f8;margin-bottom:1.5rem}.service-card h3{margin-bottom:1.5rem;font-size:1.5rem}.service-card p{color:#ccc;line-height:1.6}.technologies{padding:6rem 2rem;background:#0a0a0a}.tech-grid-unified{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;max-width:1000px;margin:0 auto}.tech-category{text-align:center}.tech-category h3{margin-bottom:2rem;color:#0f8;font-size:1.3rem}.tech-icons{display:flex;flex-direction:column;gap:1.5rem}.tech-item{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;background:#ffffff08;border-radius:.5rem;transition:all .4s ease;border:1px solid rgba(0,255,136,.1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tech-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,136,.1),transparent);transition:left .6s ease}.tech-item:hover:before{left:100%}.tech-item:hover{border-color:#0f8;background:#00ff881a;transform:translateY(-2px);box-shadow:0 10px 25px #0f83,0 0 20px #00ff881a,inset 0 1px #0f83}.tech-item svg{font-size:1.5rem;color:#0f8}.tech-item span{font-weight:500}.about{padding:6rem 2rem;background:linear-gradient(135deg,#111,#0a0a0a);text-align:center}.about-intro{max-width:800px;margin:0 auto 4rem}.about-intro p{font-size:1.3rem;color:#ccc;line-height:1.8}.about-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem;max-width:1000px;margin:0 auto}.about-card{background:#ffffff08;padding:3rem 2rem;border-radius:1rem;border:1px solid rgba(0,255,136,.1);transition:all .4s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,136,.1),transparent);transition:left .6s ease}.about-card:hover:before{left:100%}.about-card:hover{border-color:#0f8;background:#00ff881a;transform:translateY(-2px);box-shadow:0 10px 25px #0f83,0 0 20px #00ff881a,inset 0 1px #0f83}.about-card h3{color:#0f8;font-size:1.5rem;margin-bottom:1.5rem}.about-card p{color:#ccc;line-height:1.8;font-size:1.1rem}.approach-list{display:flex;flex-direction:column;gap:1rem;text-align:left}.approach-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#ffffff05;border-radius:.5rem;transition:all .3s}.approach-item:hover{background:#00ff880d;transform:translate(5px)}.approach-icon{font-size:1.2rem;width:24px;text-align:center}.approach-item span:last-child{color:#ccc;font-weight:500}.about-content{display:grid;grid-template-columns:1fr;gap:3rem;max-width:1000px;margin:0 auto;align-items:start}.about-text h3,.about-approach h3{margin-bottom:1.5rem;color:#0f8;font-size:1.5rem;text-align:center}.about-text p{color:#ccc;line-height:1.8;margin-bottom:1.5rem;text-align:center}.about-approach ul{list-style:none;text-align:left;max-width:400px;margin:0 auto}.about-approach li{color:#ccc;margin-bottom:1rem;padding-left:1.5rem;position:relative}.about-approach li:before{content:"→";position:absolute;left:0;color:#0f8;font-weight:700}.portfolio{padding:6rem 2rem;background:#0a0a0a}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;max-width:1200px;margin:0 auto}.project-card{background:#ffffff08;padding:2.5rem;border-radius:1rem;transition:all .4s ease;border:1px solid rgba(0,255,136,.1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.project-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,136,.1),transparent);transition:left .6s ease}.project-card:hover:before{left:100%}.project-card:hover{border-color:#0f8;background:#00ff881a;transform:translateY(-2px);box-shadow:0 10px 25px #0f83,0 0 20px #00ff881a,inset 0 1px #0f83}.project-card.disabled{cursor:not-allowed;opacity:.7}.project-card.disabled:hover{border-color:#00ff881a;background:#ffffff08;transform:none;box-shadow:none}.project-card.disabled:hover:before{left:-100%}.project-card h3{margin-bottom:1rem;color:#0f8;font-size:1.3rem}.project-card p{color:#ccc;line-height:1.6;margin-bottom:1rem}.project-tech{color:#888;font-size:.9rem;margin-bottom:0;font-style:italic}.expandable-text{position:relative}.clamped-text{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;color:#ccc;line-height:1.6;margin-bottom:.75rem}.expand-toggle{background:transparent;border:none;color:#0f8;font-weight:600;cursor:pointer;padding:0}.expand-toggle:hover{text-decoration:underline}.expand-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2001;padding:1rem}.expand-overlay-inner{width:min(750px,92vw);max-height:80vh;overflow:auto;background:#0a0a0a;border:1px solid rgba(0,255,136,.3);border-radius:12px;padding:1.2rem 1.2rem 1rem;box-shadow:0 25px 80px #0009}.expand-close{position:sticky;top:0;margin-left:auto;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(0,255,136,.2);color:#ccc;cursor:pointer}.expand-close:hover{color:#0f8;background:#00ff881a}.expand-overlay-content p{color:#ddd;line-height:1.7}.store-links{display:flex;gap:1rem;margin-top:1rem}.store-links a{color:#888;text-decoration:none;padding:.5rem 1rem;background:#ffffff0d;border-radius:.5rem;font-size:.9rem;transition:all .3s}.store-links a:hover{color:#0f8;background:#00ff881a}.project-card.disabled .store-links a{cursor:not-allowed;opacity:.5}.project-card.disabled .store-links a:hover{color:#888;background:#ffffff0d}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.project-status{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:1rem;font-size:.8rem;font-weight:600;white-space:nowrap;min-width:fit-content}.project-status.live{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.project-status.live svg{animation:rocketFly 2s ease-in-out infinite}.rocket-container{position:relative;display:flex;align-items:center;justify-content:center}.rocket-fire{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:6px;height:12px;background:linear-gradient(180deg,#ff6b35 0%,#ff8c42 30%,#ffa726 60%,transparent 100%);border-radius:50% 50% 0 0;animation:rocketFire 2s ease-in-out infinite;opacity:.8}@keyframes rocketFly{0%{transform:translateY(0) rotate(-45deg)}25%{transform:translateY(-3px) rotate(-40deg)}50%{transform:translateY(-5px) rotate(-45deg)}75%{transform:translateY(-3px) rotate(-50deg)}to{transform:translateY(0) rotate(-45deg)}}@keyframes rocketFire{0%{height:12px;opacity:.8}25%{height:15px;opacity:1}50%{height:18px;opacity:.9}75%{height:15px;opacity:1}to{height:12px;opacity:.8}}.project-status.in-progress{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.loader-spinner{width:14px;height:14px;border:2px solid rgba(251,191,36,.3);border-top:2px solid #fbbf24;border-radius:50%;animation:spinLoader 1s linear infinite}@keyframes spinLoader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.project-status svg{font-size:.9rem}.contact{padding:6rem 2rem;text-align:center;background:linear-gradient(135deg,#111,#0a0a0a)}.contact h2{margin-bottom:1rem}.contact-subtitle{color:#888;font-size:1.1rem;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.cta-button{display:inline-block;padding:1rem 2rem;margin-bottom:2rem;background:linear-gradient(45deg,#0f8,#0fe);color:#000;text-decoration:none;border-radius:2rem;font-weight:700;font-size:1.1rem;transition:all .4s ease;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.cta-button:hover:before{left:100%}.cta-button:hover{transform:scale(1.05);box-shadow:0 10px 30px #00ff884d,0 0 20px #0f83,inset 0 1px #ffffff4d}.social-links{display:flex;justify-content:center;gap:2rem;margin-top:3rem}.social-link{display:flex;align-items:center;gap:.5rem;color:#888;text-decoration:none;padding:.75rem 1.5rem;background:#ffffff08;border:1px solid rgba(0,255,136,.2);border-radius:2rem;transition:all .4s ease;position:relative;overflow:hidden;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,136,.1),transparent);transition:left .6s ease}.social-link:hover:before{left:100%}.social-link:hover{color:#0f8;border-color:#0f8;background:#00ff881a;transform:translateY(-2px);box-shadow:0 10px 25px #0f83,0 0 20px #00ff881a,inset 0 1px #0f83}.social-link svg{transition:transform .3s ease}.social-link:hover svg{transform:scale(1.1)}@media (max-width: 1024px){.navbar{padding:1.2rem}.nav-links a{margin-left:1.5rem}.title{font-size:3.5rem}.subtitle{font-size:1.3rem}.services-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem}.tech-grid-unified{grid-template-columns:repeat(3,1fr);gap:1.5rem}.about-cards{grid-template-columns:1fr;gap:2.5rem}.project-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem}}@media (max-width: 768px){.navbar{padding:1rem;flex-wrap:nowrap}.menu-toggle,.menu-overlay{display:block}.logo{font-size:1.3rem}.logo-icon{display:block}.nav-links{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#0a0a0af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:right .3s ease;border-left:1px solid rgba(0,255,136,.2);z-index:100}.nav-links-open{right:0}.nav-links a{margin-left:0;font-size:1.1rem;padding:1rem 2rem;background:#ffffff0d;border-radius:1rem;border:1px solid rgba(0,255,136,.2);width:200px;text-align:center;transition:all .3s ease}.nav-links a:hover{background:#00ff881a;border-color:#0f8}.hero{padding:8rem 1.5rem 1.5rem;height:auto;min-height:80vh}.title{font-size:2.5rem;margin-bottom:1.5rem}.subtitle{font-size:1.2rem;margin-bottom:2.5rem}.hero-cta{padding:1rem 1.8rem;font-size:1rem}.services{padding:4rem 1.5rem 3rem}.technologies,.about,.portfolio,.contact{padding:4rem 1.5rem}.services h2,.technologies h2,.about h2,.portfolio h2,.contact h2{font-size:2.5rem;margin-bottom:1.5rem}.section-subtitle{font-size:1.1rem;margin-bottom:3rem}.services-grid{grid-template-columns:1fr;gap:2rem}.service-card{padding:2.5rem 1.5rem}.tech-grid-unified{grid-template-columns:repeat(2,1fr);gap:1.5rem}.about-intro{margin-bottom:3rem}.about-intro p{font-size:1.1rem}.about-cards{grid-template-columns:1fr;gap:1.5rem}.about-card{padding:2rem 1.5rem}.project-grid{grid-template-columns:1fr;gap:2rem}.project-card{padding:2rem 1.2rem}.project-card.disabled{opacity:.6}.project-card h3{font-size:1.2rem}.project-card p{font-size:.9rem}.project-header{flex-direction:column;gap:.6rem}.project-status{padding:.3rem .6rem;font-size:.75rem}.project-tech{font-size:.8rem}.social-links{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem}.social-link{padding:.6rem 1.2rem;font-size:.9rem}.loader-spinner{width:12px;height:12px;border-width:1.5px}.rocket-fire{width:5px;height:10px;bottom:-6px}}@media (max-width: 480px){.navbar{padding:.8rem}.logo{font-size:1.1rem}.nav-links{gap:.3rem}.nav-links a{margin-left:.5rem;font-size:.8rem;padding:.4rem .6rem}.hero{padding:7rem 1rem 1rem;min-height:70vh}.title{font-size:2rem;line-height:1.1;margin-bottom:1rem}.subtitle{font-size:1rem;margin-bottom:2rem}.hero-cta{padding:.8rem 1.5rem;font-size:.9rem}.services,.technologies,.about,.portfolio,.contact{padding:3rem 1rem}.services h2,.technologies h2,.about h2,.portfolio h2,.contact h2{font-size:2rem;margin-bottom:1rem}.section-subtitle{font-size:1rem;margin-bottom:2.5rem}.service-card{padding:2rem 1.2rem}.service-icon{font-size:2.5rem;margin-bottom:1rem}.service-card h3{font-size:1.3rem;margin-bottom:1rem}.service-card p{font-size:.95rem}.tech-grid-unified{grid-template-columns:1fr;gap:1rem}.tech-item{padding:.5rem}.tech-item svg{font-size:1.3rem}.tech-item span{font-size:.9rem}.about-intro p{font-size:1rem}.about-card{padding:1.5rem 1rem}.about-card h3{font-size:1.3rem;margin-bottom:1rem}.about-card p{font-size:1rem}.approach-item{padding:.6rem}.approach-item span:last-child{font-size:.9rem}.project-card{padding:2rem 1.2rem}.project-card h3{font-size:1.2rem}.project-card p{font-size:.9rem}.project-tech{font-size:.8rem}.loader-spinner{width:10px;height:10px;border-width:1px}.rocket-fire{width:4px;height:8px;bottom:-5px}.store-links{flex-direction:column;gap:.8rem}.store-links a{padding:.6rem 1rem;text-align:center}.contact-subtitle{font-size:1rem;margin-bottom:2rem}.cta-button{padding:.8rem 1.5rem;font-size:1rem;margin-bottom:1.5rem}.social-links{flex-direction:column;gap:.8rem;margin-top:2rem}.social-link{padding:.6rem 1rem;font-size:.85rem;align-self:center;min-width:150px;justify-content:center}.chat-input{min-height:70px;padding:10px;font-size:16px}.chat-email{padding:10px;font-size:16px}}@media (max-width: 320px){.navbar{padding:.6rem}.logo{font-size:1rem}.nav-links a{font-size:.7rem;padding:.3rem .5rem;margin-left:.3rem}.title{font-size:1.8rem}.subtitle{font-size:.9rem}.hero-cta{padding:.7rem 1.2rem;font-size:.85rem}.services h2,.technologies h2,.about h2,.portfolio h2,.contact h2{font-size:1.8rem}.service-card,.about-card,.project-card{padding:1.2rem .8rem}.tech-item{padding:.6rem}}.chat-widget{position:fixed;bottom:20px;right:20px;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;opacity:0;transform:translateY(100px) scale(.3);animation:chatWidgetAppear .4s ease-out 2s forwards}@keyframes chatWidgetAppear{0%{opacity:0;transform:translateY(100px) scale(.3)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-toggle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#0f8,#0fe);border:none;color:#000;font-size:24px;cursor:pointer;box-shadow:0 4px 20px #0f86;transition:all .3s ease;display:flex;align-items:center;justify-content:center;animation:chatPulse 2s infinite;font-weight:700}.chat-toggle:hover{transform:scale(1.1);box-shadow:0 6px 25px #0f89}@keyframes chatPulse{0%,to{box-shadow:0 4px 20px #0f86}50%{box-shadow:0 4px 20px #0f86,0 0 0 10px #00ff881a}}.chat-window{position:absolute;bottom:80px;right:0;width:350px;max-width:calc(100vw - 40px);background:#0a0a0a;border-radius:16px;box-shadow:0 20px 60px #00000080;overflow:hidden;animation:chatSlideUp .2s ease-out;border:1px solid rgba(0,255,136,.3)}@keyframes chatSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-header{background:linear-gradient(135deg,#111,#0a0a0a);padding:20px;display:flex;align-items:flex-start;gap:12px;position:relative;border-bottom:1px solid rgba(0,255,136,.2)}.chat-avatar{flex-shrink:0}.chat-avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #00ff88;box-shadow:0 2px 8px #00ff884d}.chat-info{flex:1;min-width:0}.chat-info h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.chat-info p{color:#ccc;font-size:14px;line-height:1.4;margin:0}.chat-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#888;font-size:16px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.chat-close:hover{color:#0f8;background:#00ff881a}.chat-form{padding:20px;background:#0a0a0a}.chat-input{width:100%;min-height:80px;padding:12px;border:2px solid rgba(0,255,136,.3);border-radius:12px;font-size:14px;font-family:inherit;resize:none;outline:none;transition:border-color .2s ease;background:#ffffff08;color:#fff;margin-bottom:12px}.chat-email{width:100%;padding:12px;border:2px solid rgba(0,255,136,.3);border-radius:12px;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s ease;background:#ffffff08;color:#fff;margin-bottom:12px}.chat-input:focus,.chat-email:focus{border-color:#0f8;background:#ffffff0d}.chat-input::placeholder,.chat-email::placeholder{color:#888}.chat-send{width:100%;padding:12px 20px;background:linear-gradient(135deg,#0f8,#0fe);color:#000;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .1s ease;display:flex;align-items:center;justify-content:center;gap:8px}.chat-send:hover:not(:disabled){background:linear-gradient(135deg,#00e67a,#00e6d9);transform:translateY(-1px);box-shadow:0 4px 12px #00ff884d}.chat-send:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.chat-widget{bottom:15px;right:15px}.chat-toggle{width:55px;height:55px;font-size:22px}.chat-window{width:calc(100vw - 30px);bottom:75px;right:-10px}.chat-header,.chat-form{padding:16px}.chat-input{min-height:70px;padding:10px;font-size:16px}}@media (max-width: 480px){.chat-widget{bottom:10px;right:10px}.chat-toggle{width:50px;height:50px;font-size:20px}.chat-window{width:calc(100vw - 20px);bottom:65px;right:-5px}}.glitch-container{position:relative;display:inline-block}.glitch-text{position:relative;display:inline-block;font-weight:700;font-size:2rem;background:linear-gradient(45deg,#0f8,#0fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#0f8,#0fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;pointer-events:none}.glitch-text.glitching:before{animation:glitch-1 .2s ease-in-out;color:#ff0040;-webkit-text-fill-color:#ff0040;background:none}.glitch-text.glitching:after{animation:glitch-2 .2s ease-in-out;color:#0ff;-webkit-text-fill-color:#00ffff;background:none}@keyframes glitch-1{0%{opacity:0;transform:translate(0)}20%{opacity:1;transform:translate(-2px)}40%{opacity:1;transform:translate(2px)}60%{opacity:1;transform:translate(-1px)}80%{opacity:1;transform:translate(1px)}to{opacity:0;transform:translate(0)}}@keyframes glitch-2{0%{opacity:0;transform:translate(0)}25%{opacity:1;transform:translate(2px)}50%{opacity:1;transform:translate(-2px)}75%{opacity:1;transform:translate(1px)}to{opacity:0;transform:translate(0)}}.glitch-text.glitching{animation:main-glitch .2s ease-in-out}@keyframes main-glitch{0%{transform:translate(0)}20%{transform:translate(-1px)}40%{transform:translate(1px)}60%{transform:translate(-1px)}80%{transform:translate(1px)}to{transform:translate(0)}}.glitch-container:hover .glitch-text{animation:main-glitch .3s ease-in-out}.glitch-container:hover .glitch-text:before{animation:glitch-1 .3s ease-in-out;opacity:.8;color:#ff0040;-webkit-text-fill-color:#ff0040;background:none}.glitch-container:hover .glitch-text:after{animation:glitch-2 .3s ease-in-out;opacity:.8;color:#0ff;-webkit-text-fill-color:#00ffff;background:none}@media (max-width: 768px){.glitch-text{font-size:inherit}}@media (max-width: 480px){.glitch-text{font-size:inherit}}
