@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&family=Roboto:wght@100;300;700;900&display=swap);.floating-nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(0,0,0,.3);border-radius:3rem;bottom:2rem;display:block;display:flex;gap:.8rem;left:50%;padding:.7rem 1.7rem;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:2}.floating-nav a{background:transparent;border-radius:50%;color:var(--color-light);display:flex;font-size:1.1rem;padding:.9rem;transition:all .3s ease}.floating-nav a:hover{background:rgba(0,0,0,.3)}.floating-nav a.active{background:var(--color-primary);color:var(--color-bg)}.floating-nav a.ai-toggle{cursor:pointer;overflow:hidden;position:relative}.floating-nav a.ai-toggle:before{-webkit-animation:aiPulse 3s infinite;animation:aiPulse 3s infinite;background:var(--color-primary);border-radius:50%;content:"";height:100%;left:50%;opacity:.3;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);width:100%;z-index:-1}@-webkit-keyframes aiPulse{0%{opacity:.3;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}50%{opacity:.1;-webkit-transform:translate(-50%,-50%) scale(1.4);transform:translate(-50%,-50%) scale(1.4)}to{opacity:.3;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}}@keyframes aiPulse{0%{opacity:.3;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}50%{opacity:.1;-webkit-transform:translate(-50%,-50%) scale(1.4);transform:translate(-50%,-50%) scale(1.4)}to{opacity:.3;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}}.floating-nav a.ai-toggle:hover{background:hsla(0,0%,100%,.1);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.floating-nav a.ai-toggle.chat-active{background:var(--color-primary);box-shadow:0 0 15px var(--color-primary);color:var(--color-bg)}.floating-nav a.ai-toggle.chat-active:before{-webkit-animation:none;animation:none}.global-navbar{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(7,8,13,.8);border-bottom:1px solid rgba(0,242,254,.15);box-shadow:0 4px 30px rgba(0,0,0,.2);display:flex;height:4.5rem;left:0;position:fixed;top:0;transition:var(--transition);width:100%;z-index:998}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;width:92%}.navbar-brand{align-items:center;color:var(--color-white);cursor:pointer;display:flex;flex-shrink:0;font-size:1.3rem;font-weight:600;gap:.5rem;text-decoration:none;transition:var(--transition);z-index:999}.brand-icon{color:var(--color-primary);-webkit-filter:drop-shadow(0 0 5px rgba(77,181,255,.5));filter:drop-shadow(0 0 5px rgba(77,181,255,.5));font-size:1.6rem}.navbar-brand:hover{color:var(--color-primary);-webkit-transform:translateY(0);transform:translateY(0)}.navbar-brand:before{display:none!important}.navbar-links{align-items:center;display:flex;gap:1.5rem}.nav-item{color:var(--color-light);flex-shrink:0;font-size:.95rem;font-weight:400;padding:.5rem .2rem;transition:var(--transition-fast)}.nav-item:before{display:none!important}.nav-item:hover{color:var(--color-primary);text-shadow:0 0 8px rgba(77,181,255,.4)}.active-link{border-bottom:2px solid var(--color-primary);color:var(--color-primary);font-weight:500}.login-btn{background:transparent;border:1px solid var(--color-primary);border-radius:.4rem;padding:.4rem 1.2rem;transition:var(--transition-fast)}.login-btn:hover{box-shadow:0 0 15px rgba(77,181,255,.4)}.login-btn.active-link,.login-btn:hover{background:var(--color-primary);color:var(--color-bg)!important}.login-btn.active-link{border-bottom:1px solid var(--color-primary)}.mobile-menu-toggle{background:transparent;border:none;border-radius:.4rem;color:var(--color-primary);cursor:pointer;display:none;padding:.5rem;transition:var(--transition-fast);z-index:999}.mobile-menu-toggle:hover{color:var(--color-white);-webkit-transform:scale(1.05);transform:scale(1.05)}@media screen and (max-width:1024px){.navbar-container{width:94%}.navbar-links{gap:1.2rem}}@media screen and (max-width:900px){.navbar-brand span{display:none}}@media screen and (max-width:768px){.mobile-menu-toggle{display:flex}.mobile-menu-toggle,.navbar-links{align-items:center;justify-content:center}.navbar-links{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(7,8,13,.98);border-bottom:1px solid rgba(0,242,254,.15);flex-direction:column;gap:2.5rem;height:100vh;left:0;opacity:0;padding:2rem;position:fixed;top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:opacity .3s ease,-webkit-transform .4s cubic-bezier(.16,1,.3,1);transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease,-webkit-transform .4s cubic-bezier(.16,1,.3,1);width:100%;z-index:998}.navbar-links.open{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.nav-item{font-size:1.3rem;font-weight:500;padding:.5rem 1rem;text-align:center;width:auto}.nav-item:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.active-link{border-bottom:2px solid var(--color-primary)}.login-btn{border-radius:50px;padding:.6rem 1.5rem;text-align:center;width:180px}}@media screen and (max-width:600px){.global-navbar{height:4rem}.navbar-container{width:95%}}.about__container{grid-gap:15%;align-items:center;display:grid;gap:15%;grid-template-columns:35% 50%}.about__me{aspect-ratio:1/1;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:2rem;box-shadow:0 10px 40px rgba(0,0,0,.4);display:grid;padding:3px;place-items:center;transition:var(--transition-slow);width:100%}.about__me-image{background:var(--color-bg);border-radius:2rem;height:100%;overflow:hidden;position:relative;width:100%}.about__me-image img{height:100%;object-fit:cover;object-position:center;-webkit-transform:scale(1.05);transform:scale(1.05);transition:var(--transition-slow);width:100%}.about__me:hover{box-shadow:0 15px 30px rgba(0,242,254,.25),0 0 15px rgba(127,0,255,.25);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.about__me:hover .about__me-image img{-webkit-transform:scale(1.15);transform:scale(1.15)}.about__cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.about__card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--color-bg-variant);border:1px solid hsla(0,0%,100%,.05);border-radius:1.2rem;box-shadow:var(--shadow-light);padding:1.8rem 1.2rem;text-align:center;transition:var(--transition)}.about__card:hover{background:rgba(21,23,37,.8);border-color:var(--color-primary);box-shadow:var(--shadow-glow);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.about__icon{color:var(--color-primary);-webkit-filter:drop-shadow(0 0 4px var(--color-primary-variant));filter:drop-shadow(0 0 4px var(--color-primary-variant));font-size:1.6rem;margin-bottom:.8rem}.about__card h5{color:var(--color-white);font-size:.95rem;font-weight:600;margin-bottom:.4rem}.about__card small{color:var(--color-light);display:block;font-size:.75rem;line-height:1.4}.about__content p{color:var(--color-light);font-size:.95rem;line-height:1.8;margin:1.8rem 0}.about__content strong{color:var(--color-white)}@media screen and (max-width:1024px){.about__container{gap:3rem;grid-template-columns:1fr}.about__me{margin:0 auto;width:45%}.about__cards{gap:1.2rem}}@media screen and (max-width:600px){.about__me{width:60%}.about__cards{gap:1rem;grid-template-columns:1fr}.about__content p{text-align:justify}}.experience__container{grid-gap:2rem;-webkit-animation:fadeInUp .8s ease-out;animation:fadeInUp .8s ease-out;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);padding:2rem 0}.experience__container>div{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--color-bg-variant);border:1px solid hsla(0,0%,100%,.05);border-radius:1.5rem;box-shadow:var(--shadow-light);overflow:hidden;padding:2.5rem 2rem;position:relative;transition:var(--transition)}.experience__container>div:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.experience__container>div:after{background:linear-gradient(90deg,var(--color-primary),var(--color-accent));content:"";height:3px;left:0;opacity:.8;position:absolute;top:0;width:100%}.experience__container>div h3{color:var(--color-white);font-size:1.25rem;font-weight:600;margin-bottom:2.2rem;text-align:center;transition:var(--transition-fast)}.experience__container>div:hover h3{color:var(--color-primary);text-shadow:0 0 10px var(--color-primary-variant)}.experience__content{display:flex;flex-direction:column;gap:1.2rem}.experience__details{align-items:center;border:1px solid transparent;border-radius:.8rem;display:flex;gap:1rem;padding:.6rem .8rem;transition:var(--transition-fast)}.experience__details:hover{background:hsla(0,0%,100%,.03);border-color:rgba(0,242,254,.15);-webkit-transform:translateX(5px);transform:translateX(5px)}.experience__details-icon{color:var(--color-primary);-webkit-filter:drop-shadow(0 0 4px var(--color-primary-variant));filter:drop-shadow(0 0 4px var(--color-primary-variant));font-size:1.1rem;min-width:18px;transition:var(--transition-fast)}.experience__details:hover .experience__details-icon{color:var(--color-primary);-webkit-filter:drop-shadow(0 0 8px var(--color-primary));filter:drop-shadow(0 0 8px var(--color-primary));-webkit-transform:scale(1.2);transform:scale(1.2)}.experience__details div h4{color:var(--color-white);font-size:.95rem;font-weight:500}.experience__details div small{color:var(--color-light);display:block;font-size:.75rem;margin-top:.1rem}.experience__container:hover>div:not(:hover){opacity:.75;-webkit-transform:scale(.98);transform:scale(.98)}@media screen and (max-width:1024px){.experience__container{gap:2rem;grid-template-columns:1fr}.experience__container>div{margin:0 auto;max-width:550px;width:100%}}@media screen and (max-width:600px){.experience__container{padding:1rem 0}.experience__container>div{padding:2rem 1.2rem}.experience__container>div h3{font-size:1.15rem;margin-bottom:1.5rem}}.services__container{grid-gap:2.5rem;-webkit-animation:fadeInUp .8s ease-out;animation:fadeInUp .8s ease-out;display:grid;gap:2.5rem;grid-template-columns:repeat(3,1fr);padding:2rem 0}.service{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--color-bg-variant);border:1px solid hsla(0,0%,100%,.05);border-radius:1.5rem;box-shadow:var(--shadow-light);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:hidden;position:relative;transition:var(--transition)}.service:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.service:after{background:linear-gradient(90deg,var(--color-primary),var(--color-accent));content:"";height:3px;left:0;position:absolute;top:0;width:100%}.service__head{background:hsla(0,0%,100%,.01);border-bottom:1px solid hsla(0,0%,100%,.05);padding:2rem 1.5rem;transition:var(--transition-fast)}.service:hover .service__head{background:rgba(0,242,254,.03);border-bottom-color:rgba(0,242,254,.15)}.service__head h3{color:var(--color-white);font-size:1.2rem;font-weight:600;text-align:center;transition:var(--transition-fast)}.service:hover .service__head h3{color:var(--color-primary);text-shadow:0 0 10px var(--color-primary-variant)}.service__list{display:flex;flex-direction:column;gap:1.2rem;padding:2rem 1.5rem}.service__list li{align-items:flex-start;display:flex;gap:.8rem;transition:var(--transition-fast)}.service__list-icon{color:var(--color-primary);-webkit-filter:drop-shadow(0 0 4px var(--color-primary-variant));filter:drop-shadow(0 0 4px var(--color-primary-variant));font-size:1.1rem;margin-top:5px;min-width:16px;transition:var(--transition-fast)}.service:hover .service__list-icon{color:var(--color-primary);-webkit-filter:drop-shadow(0 0 8px var(--color-primary));filter:drop-shadow(0 0 8px var(--color-primary));-webkit-transform:scale(1.15);transform:scale(1.15)}.service__list p{color:var(--color-light);font-size:.88rem;line-height:1.6;transition:var(--transition-fast)}.service:hover .service__list p,.service__list p strong{color:var(--color-white)}.services__container:hover .service:not(:hover){opacity:.75;-webkit-transform:scale(.98);transform:scale(.98)}@media screen and (max-width:1024px){.services__container{gap:2rem;grid-template-columns:1fr}.service{margin:0 auto;max-width:550px;width:100%}}@media screen and (max-width:600px){.services__container{padding:1rem 0}.service__head,.service__list{padding:1.5rem 1rem}.service__list{gap:1rem}}.portfolio__filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3.5rem}.portfolio__filter-btn{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.08);border-radius:.5rem;color:var(--color-light);cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;padding:.6rem 1.4rem;transition:var(--transition-fast)}.portfolio__filter-btn:hover{background:rgba(0,242,254,.05);border-color:rgba(0,242,254,.25);color:var(--color-white)}.portfolio__filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-glow);color:var(--color-bg);font-weight:500}.portfolio__container{grid-gap:2rem;-webkit-animation:fadeInUp .8s ease-out;animation:fadeInUp .8s ease-out;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);padding:1rem 0}.portfolio__item{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--color-bg-variant);border:1px solid hsla(0,0%,100%,.05);border-radius:1.5rem;box-shadow:var(--shadow-light);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:1.5rem;position:relative;transition:var(--transition)}.portfolio__item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.portfolio__item:after{background:linear-gradient(90deg,var(--color-primary),var(--color-accent));content:"";height:3px;left:0;opacity:0;position:absolute;top:0;transition:var(--transition-fast);width:100%}.portfolio__item:hover:after{opacity:1}.portfolio__item-image{border-radius:1rem;height:200px;margin-bottom:1.2rem;overflow:hidden;position:relative;width:100%}.portfolio__item-image img{height:100%;object-fit:cover;object-position:top;transition:var(--transition-slow);width:100%}.portfolio__item:hover .portfolio__item-image img{-webkit-transform:scale(1.1);transform:scale(1.1)}.portfolio__item h3{color:var(--color-white);font-size:1.15rem;font-weight:600;line-height:1.4;margin-bottom:.5rem;text-align:left;transition:var(--transition-fast)}.portfolio__item:hover h3{color:var(--color-primary)}.portfolio__item-techs{display:flex;flex-wrap:wrap;gap:.4rem;margin:.8rem 0 1.8rem}.portfolio__item-tech{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;color:var(--color-light);font-size:.72rem;font-weight:500;padding:.25rem .6rem;transition:var(--transition-fast)}.portfolio__item:hover .portfolio__item-tech{background:rgba(0,242,254,.08);border-color:rgba(0,242,254,.2);color:var(--color-primary)}.portfolio__item-cta{display:flex;gap:.8rem}.portfolio__item-cta .btn{flex:1 1;font-size:.85rem;font-weight:500;justify-content:center;padding:.6rem;text-align:center}.portfolio__container:hover .portfolio__item:not(:hover){opacity:.75;-webkit-transform:scale(.98);transform:scale(.98)}@media screen and (max-width:1024px){.portfolio__container{gap:1.8rem;grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.portfolio__container{gap:1.5rem}}@media screen and (max-width:600px){.portfolio__container{gap:1.5rem;grid-template-columns:1fr}.portfolio__filters{gap:.6rem;margin-bottom:2rem}}.container.contact__container{grid-gap:10%;-webkit-animation:fadeInUp .8s ease-out;animation:fadeInUp .8s ease-out;display:grid;gap:10%;grid-template-columns:35% 55%;padding:2rem 0;width:58%}.contact__options{-webkit-animation:slideInLeft .6s ease-out forwards;animation:slideInLeft .6s ease-out forwards;display:flex;flex-direction:column;gap:1.2rem}.contact__option{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--color-bg-variant);border:1px solid hsla(0,0%,100%,.05);border-radius:1.2rem;box-shadow:var(--shadow-light);padding:1.5rem;text-align:center;transition:var(--transition)}.contact__option:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.contact__option-icon{color:var(--color-primary);-webkit-filter:drop-shadow(0 0 4px var(--color-primary-variant));filter:drop-shadow(0 0 4px var(--color-primary-variant));font-size:1.6rem;margin-bottom:.5rem;transition:var(--transition-fast)}.contact__option:hover .contact__option-icon{-webkit-filter:drop-shadow(0 0 8px var(--color-primary));filter:drop-shadow(0 0 8px var(--color-primary));-webkit-transform:scale(1.2);transform:scale(1.2)}.contact__option h4{color:var(--color-white);font-size:1rem;font-weight:600;margin-bottom:.2rem}.contact__option h5{color:var(--color-light);font-size:.8rem;font-weight:400;margin-bottom:.8rem}.contact__option a{color:var(--color-primary);font-size:.8rem;font-weight:500;transition:var(--transition-fast)}.contact__option:hover a{color:var(--color-white);text-shadow:0 0 4px var(--color-primary-variant)}form{-webkit-animation:slideInRight .6s ease-out forwards;animation:slideInRight .6s ease-out forwards;display:flex;flex-direction:column;gap:1.2rem}input,textarea{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:.8rem;color:var(--color-white);font-family:Poppins,sans-serif;font-size:.9rem;padding:1.2rem;resize:none;transition:var(--transition-fast);width:100%}input:focus,textarea:focus{background:rgba(0,242,254,.03);border-color:var(--color-primary);box-shadow:var(--shadow-glow);outline:none}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:var(--color-light);opacity:.6}input::placeholder,textarea::placeholder{color:var(--color-light);opacity:.6}form .btn{font-weight:500;transition:var(--transition-fast);width:-webkit-max-content;width:max-content}.contact__options:hover .contact__option:not(:hover){opacity:.75;-webkit-transform:scale(.98);transform:scale(.98)}@media screen and (max-width:1024px){.container.contact__container{gap:2.5rem;grid-template-columns:1fr;width:var(--container-width-md)}}@media screen and (max-width:600px){.container.contact__container{width:var(--container-width-sm)}}header{height:100vh;overflow:hidden;padding-top:5rem}.header__container,header{align-items:center;display:flex;position:relative}.header__container{-webkit-animation:containerSlideIn 1s ease-out;animation:containerSlideIn 1s ease-out;flex-direction:column;height:100%;justify-content:center;text-align:center}.welcome-tag{color:var(--color-light);font-size:1.1rem;font-weight:400;letter-spacing:3px;margin-bottom:.5rem;text-transform:uppercase}.main-name{background:linear-gradient(135deg,#fff 40%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-filter:drop-shadow(0 0 15px rgba(0,242,254,.15));filter:drop-shadow(0 0 15px rgba(0,242,254,.15));font-size:4rem;font-weight:700;letter-spacing:-1px;margin-bottom:.8rem}.main-name,.role-typing{-webkit-text-fill-color:transparent}.role-typing{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);-webkit-background-clip:text;display:flex;font-size:1.6rem;font-weight:500;gap:2px;height:2.2rem;margin-bottom:2rem;text-shadow:0 0 10px rgba(0,242,254,.15)}.role-cursor{-webkit-text-fill-color:var(--color-primary)!important;-webkit-animation:blink .8s infinite;animation:blink .8s infinite;font-weight:300}@-webkit-keyframes blink{50%{opacity:0}}@keyframes blink{50%{opacity:0}}.cta{display:flex;gap:1.2rem;justify-content:center;margin-top:2rem}.header__socials{align-items:center;-webkit-animation:socialsSlideIn 1s ease-out;animation:socialsSlideIn 1s ease-out;bottom:3rem;display:flex;flex-direction:column;gap:1rem;left:3rem;position:absolute}.header__socials a{align-items:center;color:var(--color-light);display:flex;font-size:1.2rem;justify-content:center;padding:.4rem;transition:var(--transition-fast)}.header__socials a:hover{color:var(--color-primary);-webkit-filter:drop-shadow(0 0 8px var(--color-primary));filter:drop-shadow(0 0 8px var(--color-primary));-webkit-transform:translateY(-3px) scale(1.15);transform:translateY(-3px) scale(1.15)}.header__socials:after{background:linear-gradient(to bottom,var(--color-primary),transparent);content:"";height:3rem;width:1.5px}.scroll__down{-webkit-animation:scrollPulse 2s ease-in-out infinite alternate;animation:scrollPulse 2s ease-in-out infinite alternate;bottom:6rem;color:var(--color-light);font-size:.85rem;font-weight:400;letter-spacing:2px;position:absolute;right:3rem;text-transform:uppercase;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:right center;transform-origin:right center;transition:var(--transition-fast)}.scroll__down:hover{color:var(--color-primary);-webkit-filter:drop-shadow(0 0 5px var(--color-primary));filter:drop-shadow(0 0 5px var(--color-primary))}@-webkit-keyframes containerSlideIn{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes containerSlideIn{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes socialsSlideIn{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes socialsSlideIn{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes scrollPulse{0%{-webkit-transform:rotate(90deg) translateX(0);transform:rotate(90deg) translateX(0)}to{-webkit-transform:rotate(90deg) translateX(8px);transform:rotate(90deg) translateX(8px)}}@keyframes scrollPulse{0%{-webkit-transform:rotate(90deg) translateX(0);transform:rotate(90deg) translateX(0)}to{-webkit-transform:rotate(90deg) translateX(8px);transform:rotate(90deg) translateX(8px)}}@media screen and (max-width:1024px){.main-name{font-size:3.2rem}.role-typing{font-size:1.3rem}.header__socials{left:1.5rem}.scroll__down{right:1.5rem}}@media screen and (max-width:600px){header{height:90vh}.main-name{font-size:2.5rem}.role-typing{font-size:1.1rem;height:1.8rem}.header__socials,.scroll__down{display:none}.cta{flex-direction:column;gap:.8rem}}.ecommerce-page{color:var(--color-white);min-height:100vh;padding-bottom:5rem;padding-top:7rem}.ecommerce-container{margin:0 auto;width:var(--container-width-lg)}.ecommerce-header{margin-bottom:4rem;text-align:center}.ecommerce-header h5{color:var(--color-light);font-size:1rem}.ecommerce-header h1{color:var(--color-primary);font-size:2.5rem;font-weight:600;margin:.5rem 0 1.2rem}.ecommerce-desc{color:var(--color-light);font-size:.95rem;line-height:1.6;margin:0 auto;max-width:650px}.services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.service-card{background:var(--color-bg-variant);border:1px solid rgba(77,181,255,.1);border-radius:1.5rem;box-shadow:var(--shadow-light);display:flex;flex-direction:column;justify-content:space-between;padding:2rem;position:relative;transition:var(--transition)}.service-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.service-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.service-icon-container{align-items:center;background:rgba(77,181,255,.1);border-radius:50%;display:flex;height:50px;justify-content:center;width:50px}.product-icon-art{color:var(--color-primary);-webkit-filter:drop-shadow(0 0 4px rgba(77,181,255,.4));filter:drop-shadow(0 0 4px rgba(77,181,255,.4));font-size:1.8rem}.service-price{color:var(--color-primary);font-size:1.6rem;font-weight:600}.service-card h3{color:var(--color-white);font-size:1.3rem;margin-bottom:1rem;text-align:left}.service-card p{color:var(--color-light);flex:1 1;font-size:.88rem;line-height:1.6;margin-bottom:1.5rem}.service-techs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:2rem}.service-tech-badge{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:var(--color-light);font-size:.75rem;padding:.25rem .6rem}.add-btn{font-weight:500;justify-content:center;text-align:center;width:100%}.cart-toggle-btn{align-items:center;background:var(--color-primary);border:none;border-radius:50%;bottom:95px;box-shadow:0 4px 15px rgba(0,0,0,.3);color:var(--color-bg);cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:20px;transition:var(--transition-fast);width:60px;z-index:990}.cart-toggle-btn:hover{box-shadow:0 0 20px rgba(77,181,255,.6);-webkit-transform:scale(1.1);transform:scale(1.1)}.cart-badge{align-items:center;background:#ff5e5e;border:2px solid var(--color-bg);border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:22px;justify-content:center;position:absolute;right:-5px;top:-5px;width:22px}.cart-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.6);left:0;width:100vw;z-index:995}.cart-overlay,.cart-sidebar{height:100vh;position:fixed;top:0}.cart-sidebar{background:var(--color-bg);border-left:1px solid rgba(77,181,255,.2);box-shadow:-10px 0 30px rgba(0,0,0,.4);display:flex;flex-direction:column;right:-400px;transition:right .4s cubic-bezier(.25,.46,.45,.94);width:400px;z-index:996}.cart-sidebar.open{right:0}.cart-sidebar-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;justify-content:space-between;padding:2rem}.cart-sidebar-header h2{color:var(--color-white);font-size:1.4rem;font-weight:600;margin:0}.close-cart-btn{background:transparent;border:none;color:var(--color-light);cursor:pointer;transition:var(--transition-fast)}.close-cart-btn:hover{color:var(--color-primary)}.cart-items-container{flex:1 1;overflow-y:auto;padding:2rem}.cart-items-container,.empty-cart{display:flex;flex-direction:column;gap:1.5rem}.empty-cart{align-items:center;margin-top:4rem;text-align:center}.empty-icon{color:hsla(0,0%,100%,.1)}.cart-item{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:1rem;display:flex;flex-direction:column;gap:1rem;padding:1.2rem}.cart-item-info h4{color:var(--color-white);font-size:.95rem;font-weight:500;margin-bottom:.4rem}.cart-item-price{color:var(--color-primary);font-size:.95rem;font-weight:500}.cart-item-actions{align-items:center;display:flex;justify-content:space-between}.qty-controls{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;overflow:hidden}.qty-btn,.qty-controls{align-items:center;display:flex}.qty-btn{background:transparent;border:none;color:var(--color-white);cursor:pointer;height:28px;justify-content:center;transition:var(--transition-fast);width:28px}.qty-btn:hover{background:rgba(77,181,255,.2)}.qty-val{font-size:.85rem;font-weight:500;padding:0 .8rem}.delete-item-btn{align-items:center;background:transparent;border:none;color:rgba(255,94,94,.7);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:var(--transition-fast)}.delete-item-btn:hover{color:#ff5e5e}.cart-sidebar-footer{background:rgba(0,0,0,.1);border-top:1px solid hsla(0,0%,100%,.05);padding:2rem}.cart-total-row{display:flex;font-size:1.15rem;font-weight:500;justify-content:space-between;margin-bottom:1.5rem}.total-price{color:var(--color-primary);font-weight:600}.checkout-btn{font-weight:500;justify-content:center;text-align:center;width:100%}.checkout-modal-overlay{align-items:center;-webkit-animation:containerFadeIn .3s ease-out;animation:containerFadeIn .3s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(0,0,0,.7);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1010}.checkout-modal{background:var(--color-bg);border:1px solid rgba(77,181,255,.25);border-radius:1.5rem;box-shadow:var(--shadow-heavy);max-width:500px;padding:2.5rem;position:relative;width:90%}.close-checkout-btn{background:transparent;border:none;color:var(--color-light);cursor:pointer;position:absolute;right:1.5rem;top:1.5rem;transition:var(--transition-fast)}.close-checkout-btn:hover{color:var(--color-primary)}.checkout-form h2{color:var(--color-white);font-size:1.6rem;margin-bottom:.8rem;text-align:left}.checkout-form p{color:var(--color-light);font-size:.9rem;margin-bottom:2rem}.form-input-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.2rem}.form-input-group label{color:var(--color-light);font-size:.85rem;font-weight:500}.form-input-group input{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;color:#fff;font-size:.9rem;outline:none;padding:.8rem 1rem;transition:var(--transition-fast)}.form-input-group input:focus{background:rgba(77,181,255,.05);border-color:var(--color-primary)}.simulated-badge{background:rgba(39,174,96,.1);border-radius:6px;color:#27ae60;font-size:.8rem;margin:1.5rem 0;padding:.5rem;text-align:center}.pay-btn{justify-content:center;text-align:center;width:100%}.checkout-loading{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:3rem 0;text-align:center}.loading-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;color:var(--color-primary)}.checkout-loading h3{color:var(--color-white);font-size:1.3rem}.checkout-loading p{color:var(--color-light);font-size:.9rem}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.checkout-success{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:2rem 0;text-align:center}.success-icon{color:#2e7d32;-webkit-filter:drop-shadow(0 0 10px rgba(46,125,50,.5));filter:drop-shadow(0 0 10px rgba(46,125,50,.5))}.checkout-success h2{color:var(--color-white);font-size:1.6rem}.checkout-success p{color:var(--color-light);font-size:.95rem;line-height:1.5}.success-detail{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:8px;font-size:.8rem!important;padding:1rem}@media screen and (max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.ecommerce-page{padding-top:6rem}.cart-sidebar{right:-100%;width:100%}.services-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){.services-grid{gap:1.2rem;grid-template-columns:1fr}.service-card{padding:1.5rem}.ecommerce-header h1{font-size:2rem}}.blog-page{color:var(--color-white);min-height:100vh;padding-bottom:5rem;padding-top:7rem}.blog-container{margin:0 auto;width:var(--container-width-lg)}.blog-header{margin-bottom:4rem;text-align:center}.blog-header h5{color:var(--color-light);font-size:1rem}.blog-header h1{color:var(--color-primary);font-size:2.5rem;font-weight:600;margin:.5rem 0 1.2rem}.blog-desc{color:var(--color-light);font-size:.95rem;line-height:1.6;margin:0 auto;max-width:650px}.blog-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.blog-card{background:var(--color-bg-variant);border:1px solid rgba(77,181,255,.1);border-radius:1.5rem;box-shadow:var(--shadow-light);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:2rem;transition:var(--transition)}.blog-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.blog-card-meta{color:var(--color-light);display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:1.2rem}.blog-meta-item{align-items:center;display:flex;gap:.3rem}.meta-icon{color:var(--color-primary)}.blog-card h3{color:var(--color-white);font-size:1.25rem;line-height:1.4;margin-bottom:1rem;text-align:left;transition:var(--transition-fast)}.blog-card:hover h3{color:var(--color-primary)}.blog-card-brief{color:var(--color-light);flex:1 1;font-size:.85rem;line-height:1.6;margin-bottom:2rem}.blog-card-footer{align-items:center;border-top:1px solid hsla(0,0%,100%,.05);display:flex;justify-content:space-between;padding-top:1rem}.blog-date{color:var(--color-light);font-size:.8rem}.read-more-link{align-items:center;color:var(--color-primary);display:flex;font-size:.85rem;font-weight:500;gap:.4rem;transition:var(--transition-fast)}.blog-card:hover .read-more-link{color:var(--color-white)}.blog-modal-overlay{align-items:center;-webkit-animation:containerFadeIn .3s ease-out;animation:containerFadeIn .3s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(0,0,0,.75);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1010}.blog-modal{background:var(--color-bg);border:1px solid rgba(77,181,255,.25);border-radius:1.5rem;box-shadow:var(--shadow-heavy);max-height:85vh;max-width:750px;overflow-y:auto;padding:3rem;position:relative;width:90%}.close-blog-btn{background:transparent;border:none;color:var(--color-light);cursor:pointer;position:absolute;right:1.5rem;top:1.5rem;transition:var(--transition-fast)}.close-blog-btn:hover{color:var(--color-primary)}.blog-modal-header{border-bottom:1px solid hsla(0,0%,100%,.05);margin-bottom:2rem;padding-bottom:1.5rem}.blog-modal-meta{align-items:center;display:flex;gap:1.5rem;margin-bottom:1rem}.blog-meta-badge{background:rgba(77,181,255,.15);border:1px solid var(--color-primary-variant);border-radius:12px;color:var(--color-primary);font-size:.75rem;font-weight:500;padding:.25rem .75rem}.blog-meta-text{align-items:center;color:var(--color-light);display:flex;font-size:.8rem;gap:.3rem}.blog-modal-header h2{color:var(--color-white);font-size:2rem;line-height:1.3;text-align:left}.blog-modal-content{color:var(--color-light);font-size:.95rem;line-height:1.8;margin-bottom:2.5rem}.blog-modal-content p{margin-bottom:1.5rem}.content-section-title{border-left:3px solid var(--color-primary);color:var(--color-white);font-size:1.1rem;font-weight:600;margin-bottom:1rem;margin-top:2rem;padding-left:.8rem;text-align:left}.blog-modal-footer{display:flex;justify-content:flex-end}@media screen and (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.blog-page{padding-top:6rem}.blog-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.blog-modal{padding:2rem}.blog-modal-header h2{font-size:1.6rem}}@media screen and (max-width:600px){.blog-grid{gap:1.2rem;grid-template-columns:1fr}.blog-card{padding:1.5rem}.blog-header h1{font-size:2rem}.blog-modal-meta{flex-wrap:wrap;gap:.8rem}}footer{-webkit-animation:fadeInUp .8s ease-out;animation:fadeInUp .8s ease-out;background:#090a10;border-top:1px solid rgba(0,242,254,.15);font-size:.95rem;margin-top:8rem;overflow:hidden;padding:4rem 0;position:relative;text-align:center}footer a{color:var(--color-light);text-decoration:none;transition:var(--transition-fast)}footer a:hover{color:var(--color-primary)}.footer__logo{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--color-white) 40%,var(--color-primary) 100%);-webkit-background-clip:text;display:inline-block;font-size:1.8rem;font-weight:700;letter-spacing:-1px;margin-bottom:2rem;transition:var(--transition-fast)}.footer__logo:hover{-webkit-filter:drop-shadow(0 0 8px var(--color-primary-variant));filter:drop-shadow(0 0 8px var(--color-primary-variant));-webkit-transform:scale(1.05);transform:scale(1.05)}.permalinks{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:0 auto 3rem;padding:0}.permalinks a{font-size:.95rem;font-weight:400;transition:var(--transition-fast)}.permalinks a:hover{color:var(--color-primary);text-shadow:0 0 8px var(--color-primary-variant)}.footer__socials{display:flex;gap:1.2rem;justify-content:center;margin-bottom:3.5rem}.footer__socials a{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:50%;box-shadow:var(--shadow-light);color:var(--color-primary);display:flex;font-size:1.2rem;justify-content:center;padding:.7rem;transition:var(--transition-fast)}.footer__socials a:hover{background:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-glow);color:var(--color-bg);-webkit-transform:translateY(-5px) scale(1.1);transform:translateY(-5px) scale(1.1)}.footer__copyright{color:var(--color-light);font-size:.8rem;margin-bottom:2rem;opacity:.8}.footer__copyright small{font-weight:300}.footer__socials:hover a:not(:hover){opacity:.7;-webkit-transform:scale(.95);transform:scale(.95)}@media screen and (max-width:768px){footer{padding:3rem 0}.permalinks{gap:1.5rem;margin-bottom:2.5rem}}@media screen and (max-width:600px){.permalinks{align-items:center;flex-direction:column;gap:1.2rem}.footer__socials{gap:1rem;margin-bottom:2.2rem}}.char-body-wrap{-webkit-animation:charBob .5s ease-in-out infinite alternate;animation:charBob .5s ease-in-out infinite alternate}@-webkit-keyframes charBob{0%{-webkit-transform:translateY(0) scaleY(1) scaleX(1);transform:translateY(0) scaleY(1) scaleX(1)}to{-webkit-transform:translateY(-3px) scaleY(1.018) scaleX(.988);transform:translateY(-3px) scaleY(1.018) scaleX(.988)}}@keyframes charBob{0%{-webkit-transform:translateY(0) scaleY(1) scaleX(1);transform:translateY(0) scaleY(1) scaleX(1)}to{-webkit-transform:translateY(-3px) scaleY(1.018) scaleX(.988);transform:translateY(-3px) scaleY(1.018) scaleX(.988)}}.char-leg-left{-webkit-animation:legSwing .5s ease-in-out infinite alternate;animation:legSwing .5s ease-in-out infinite alternate}.char-leg-left,.char-leg-right{transform-box:fill-box;-webkit-transform-origin:50% 0;transform-origin:50% 0}.char-leg-right{animation:legSwing .5s ease-in-out infinite alternate-reverse}@-webkit-keyframes legSwing{0%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}to{-webkit-transform:rotate(22deg);transform:rotate(22deg)}}@keyframes legSwing{0%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}to{-webkit-transform:rotate(22deg);transform:rotate(22deg)}}.char-arm-left{animation:legSwing .5s ease-in-out infinite alternate-reverse}.char-arm-left,.char-arm-right{transform-box:fill-box;-webkit-transform-origin:50% 0;transform-origin:50% 0}.char-arm-right{-webkit-animation:legSwing .5s ease-in-out infinite alternate;animation:legSwing .5s ease-in-out infinite alternate}.char-blink-left,.char-blink-right{-webkit-animation:eyeBlink 4s ease-in-out infinite;animation:eyeBlink 4s ease-in-out infinite;transform-box:fill-box;-webkit-transform-origin:center 38%;transform-origin:center 38%}.char-blink-right{-webkit-animation-delay:.06s;animation-delay:.06s}@-webkit-keyframes eyeBlink{0%,86%,to{-webkit-transform:scaleY(1);transform:scaleY(1)}90%{-webkit-transform:scaleY(.04);transform:scaleY(.04)}93%{-webkit-transform:scaleY(.04);transform:scaleY(.04)}}@keyframes eyeBlink{0%,86%,to{-webkit-transform:scaleY(1);transform:scaleY(1)}90%{-webkit-transform:scaleY(.04);transform:scaleY(.04)}93%{-webkit-transform:scaleY(.04);transform:scaleY(.04)}}.char-steam-a,.char-steam-b{-webkit-animation:steamRise 1.6s ease-in-out infinite;animation:steamRise 1.6s ease-in-out infinite}.char-steam-b{-webkit-animation-delay:.45s;animation-delay:.45s}@-webkit-keyframes steamRise{0%{opacity:0;-webkit-transform:translateY(0) scaleX(1);transform:translateY(0) scaleX(1)}25%{opacity:.9;-webkit-transform:translateY(-3px) scaleX(1.1);transform:translateY(-3px) scaleX(1.1)}70%{opacity:.4;-webkit-transform:translateY(-8px) scaleX(.9);transform:translateY(-8px) scaleX(.9)}to{opacity:0;-webkit-transform:translateY(-12px) scaleX(1);transform:translateY(-12px) scaleX(1)}}@keyframes steamRise{0%{opacity:0;-webkit-transform:translateY(0) scaleX(1);transform:translateY(0) scaleX(1)}25%{opacity:.9;-webkit-transform:translateY(-3px) scaleX(1.1);transform:translateY(-3px) scaleX(1.1)}70%{opacity:.4;-webkit-transform:translateY(-8px) scaleX(.9);transform:translateY(-8px) scaleX(.9)}to{opacity:0;-webkit-transform:translateY(-12px) scaleX(1);transform:translateY(-12px) scaleX(1)}}@media (max-width:600px){.char-arm-left,.char-arm-right,.char-body-wrap,.char-leg-left,.char-leg-right{-webkit-animation-duration:.65s;animation-duration:.65s}}@-webkit-keyframes bubbleFade{0%{opacity:0;-webkit-transform:translate(-50%,15px) scale(.8);transform:translate(-50%,15px) scale(.8)}to{opacity:1;-webkit-transform:translate(-50%) scale(1);transform:translate(-50%) scale(1)}}@keyframes bubbleFade{0%{opacity:0;-webkit-transform:translate(-50%,15px) scale(.8);transform:translate(-50%,15px) scale(.8)}to{opacity:1;-webkit-transform:translate(-50%) scale(1);transform:translate(-50%) scale(1)}}.login-page{align-items:center;color:var(--color-white);display:flex;justify-content:center;min-height:100vh;padding-bottom:4rem;padding-top:8rem}.login-box{-webkit-animation:containerFadeIn .4s ease-out;animation:containerFadeIn .4s ease-out;background:var(--color-bg-variant);border:1px solid rgba(77,181,255,.15);border-radius:1.5rem;box-shadow:var(--shadow-heavy);max-width:440px;padding:2.5rem;width:90%}.login-box h1{color:var(--color-primary);font-size:1.8rem;font-weight:600;margin-bottom:.4rem;text-align:center;text-shadow:0 0 10px rgba(77,181,255,.1)}.login-subtitle{color:var(--color-light);font-size:.85rem;line-height:1.5;margin-bottom:2rem;text-align:center}.login-form{display:flex;flex-direction:column;gap:1.2rem}.login-form .form-group{display:flex;flex-direction:column;gap:.4rem}.login-form label{color:var(--color-light);font-size:.85rem;font-weight:500}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:var(--color-primary);font-size:1.1rem;left:1rem;opacity:.8;pointer-events:none;position:absolute}.login-form input{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;color:#fff;font-family:Poppins,sans-serif;font-size:.9rem;outline:none;padding:.8rem 1rem .8rem 2.8rem;transition:var(--transition-fast);width:100%}.login-form input:focus{background:rgba(77,181,255,.05);border-color:var(--color-primary);box-shadow:0 0 8px rgba(77,181,255,.1)}.login-submit-btn{font-weight:500;justify-content:center;margin-top:.5rem;text-align:center;width:100%}.social-login-divider{align-items:center;color:var(--color-light);display:flex;font-size:.75rem;margin:1.5rem 0;text-align:center}.social-login-divider:after,.social-login-divider:before{border-bottom:1px solid hsla(0,0%,100%,.08);content:"";flex:1 1}.social-login-divider:not(:empty):before{margin-right:.75em}.social-login-divider:not(:empty):after{margin-left:.75em}.social-buttons{display:flex;gap:1rem;margin-bottom:1.5rem}.social-btn{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;color:var(--color-white);cursor:pointer;display:flex;flex:1 1;font-family:Poppins,sans-serif;font-size:.85rem;gap:.5rem;justify-content:center;padding:.7rem;transition:var(--transition-fast)}.social-btn:hover{background:hsla(0,0%,100%,.08);border-color:var(--color-primary-variant);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.login-toggle-footer{color:var(--color-light);font-size:.85rem;margin-top:1rem;text-align:center}.toggle-mode-link{color:var(--color-primary);cursor:pointer;font-weight:500;transition:var(--transition-fast)}.toggle-mode-link:hover{color:var(--color-white);text-shadow:0 0 4px rgba(77,181,255,.3)}.form-success{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:2rem 0;text-align:center}.success-icon-spin{-webkit-animation:float 3s ease-in-out infinite;animation:float 3s ease-in-out infinite;color:var(--color-primary);-webkit-filter:drop-shadow(0 0 8px rgba(77,181,255,.4));filter:drop-shadow(0 0 8px rgba(77,181,255,.4))}.form-success h2{color:var(--color-white);font-size:1.6rem}.form-success p{color:var(--color-light);font-size:.9rem;line-height:1.6}@media screen and (max-width:600px){.login-page{padding-top:6rem}.login-box{padding:2rem 1.5rem}}.auditor-page{background-color:var(--color-bg);min-height:100vh;padding-bottom:6rem;padding-top:8rem;position:relative;z-index:1}.auditor-container{max-width:900px!important}.auditor-header{margin-bottom:4rem;text-align:center}.auditor-header h5{color:var(--color-primary);font-size:.9rem;letter-spacing:2px;margin-bottom:.5rem;text-transform:uppercase}.auditor-header h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--color-white) 30%,var(--color-primary) 100%);-webkit-background-clip:text;font-size:2.8rem;font-weight:700;margin-bottom:1.2rem}.auditor-subtitle{color:var(--color-light);font-size:1.05rem;line-height:1.6;margin:0 auto;max-width:650px}.auditor-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--color-bg-variant);border:1px solid hsla(0,0%,100%,.08);border-radius:1.2rem;box-shadow:var(--shadow-medium);margin-bottom:2rem;padding:2.5rem;transition:var(--transition)}.auditor-card:hover{border-color:rgba(0,242,254,.2);box-shadow:var(--shadow-glow)}.form-card{margin:0 auto;max-width:650px}.search-input-wrapper{align-items:center;background:rgba(7,8,13,.6);border:1px solid hsla(0,0%,100%,.1);border-radius:.6rem;display:flex;margin-bottom:1.5rem;padding:.4rem 1.2rem;transition:var(--transition-fast)}.search-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 10px rgba(0,242,254,.15)}.search-icon{color:var(--color-primary);font-size:1.3rem;margin-right:.8rem}.search-input-wrapper input{background:transparent;border:none;color:var(--color-white);font-family:inherit;font-size:1.05rem;padding:.8rem 0;width:100%}.search-input-wrapper input::-webkit-input-placeholder{color:#64748b}.search-input-wrapper input::placeholder{color:#64748b}.scan-btn{align-items:center;border-radius:.6rem!important;display:flex;font-size:1.1rem;font-weight:500;justify-content:center;padding:1rem!important;width:100%!important}.security-note{color:var(--color-light);font-size:.8rem;margin-top:1.2rem;text-align:center}.scanning-card{margin:0 auto;max-width:600px;padding:4rem 2rem;text-align:center}.scanning-pulse{align-items:center;-webkit-animation:pulse-ring 2s ease-out infinite;animation:pulse-ring 2s ease-out infinite;background:rgba(0,242,254,.08);border:1px solid var(--color-primary-variant);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 2rem;width:80px}.pulse-icon{-webkit-animation:spin-slow 3s linear infinite;animation:spin-slow 3s linear infinite;color:var(--color-primary);font-size:2.2rem}.scanning-card h3{color:var(--color-white);font-size:1.4rem;font-weight:500;margin-bottom:1.5rem}.progress-bar-container{background:hsla(0,0%,100%,.05);border-radius:10px;height:6px;margin-bottom:.8rem;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,var(--color-accent) 0,var(--color-primary) 100%);box-shadow:0 0 10px var(--color-primary);height:100%;transition:width .1s linear;width:0}.progress-percentage{color:var(--color-primary);font-size:1.2rem;font-weight:600;margin-bottom:1.5rem}.scanning-text{color:var(--color-light);font-size:.95rem;font-style:italic;min-height:24px}.result-wrapper{-webkit-animation:containerFadeIn .6s ease-out;animation:containerFadeIn .6s ease-out}.dashboard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1.1fr 1.3fr;margin-bottom:2rem}.gauge-card{display:flex;flex-direction:column;height:100%;justify-content:space-between;text-align:center}.gauge-card h3,.issues-card h3,.vitals-card h3{color:var(--color-white);font-size:1.15rem;font-weight:500;margin-bottom:1.8rem;text-align:left}.gauge-container{margin:0 auto 1.5rem;position:relative;width:220px}.gauge{height:auto;width:100%}.gauge-fill{transition:stroke-dashoffset 1.5s cubic-bezier(.1,.8,.3,1)}.gauge-score-value{bottom:10px;font-size:3.5rem;font-weight:700;line-height:1}.gauge-label,.gauge-score-value{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.gauge-label{bottom:-15px;font-size:1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.gauge-summary{color:var(--color-light);font-size:.95rem;line-height:1.5;margin-top:1.5rem}.vitals-card{display:flex;flex-direction:column;justify-content:space-between}.vital-item{margin-bottom:1.5rem}.vital-item:last-child{margin-bottom:0}.vital-header{color:var(--color-white);display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:.4rem}.vital-val{font-weight:600}.vital-bar{background:hsla(0,0%,100%,.05);border-radius:4px;height:6px;margin-bottom:.4rem;overflow:hidden;width:100%}.vital-fill{border-radius:4px;height:100%}.vital-desc{color:var(--color-light);font-size:.8rem}.issue-list{display:flex;flex-direction:column;gap:1.5rem}.issue-item{align-items:flex-start;border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;padding-bottom:1.5rem}.issue-item:last-child{border-bottom:none;padding-bottom:0}.issue-icon{flex-shrink:0;font-size:1.4rem;margin-right:1rem;margin-top:.2rem}.issue-info h4{color:var(--color-white);font-size:1.05rem;margin-bottom:.3rem;text-align:left}.issue-info p{color:var(--color-light);font-size:.9rem;line-height:1.5}.text-red{color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.2)}.bg-red{background-color:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.4)}.text-yellow{color:#f59e0b;text-shadow:0 0 10px rgba(245,158,11,.2)}.bg-yellow{background-color:#f59e0b;box-shadow:0 0 8px rgba(245,158,11,.4)}.cta-conversion-card{background:linear-gradient(135deg,rgba(127,0,255,.2),rgba(0,242,254,.2));border:1px solid rgba(0,242,254,.3);border-radius:1.2rem;box-shadow:0 15px 40px rgba(0,242,254,.1);margin-top:3rem;overflow:hidden;padding:3rem;position:relative}.cta-glow-pulse{-webkit-animation:pulse-ring 4s ease-in-out infinite;animation:pulse-ring 4s ease-in-out infinite;background:radial-gradient(circle,rgba(0,242,254,.15) 0,transparent 60%);height:140%;left:-20%;pointer-events:none;position:absolute;top:-20%;width:140%}.cta-content{position:relative;z-index:2}.cta-badge{align-items:center;background:rgba(0,242,254,.15);border:1px solid var(--color-primary-variant);border-radius:50px;box-shadow:0 0 10px rgba(0,242,254,.1);color:var(--color-primary);display:inline-flex;font-size:.8rem;font-weight:600;gap:.5rem;letter-spacing:1px;margin-bottom:1.5rem;padding:.4rem 1rem}.cta-content h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--color-white) 0,var(--color-primary) 100%);-webkit-background-clip:text;font-size:2rem;font-weight:700;line-height:1.3;margin-bottom:1.2rem;text-align:left}.cta-content p{color:#cbd5e1;font-size:1.05rem;line-height:1.6;margin-bottom:2.2rem;max-width:750px}.cta-offer-row{align-items:center;background:rgba(7,8,13,.4);border:1px solid hsla(0,0%,100%,.05);border-radius:.8rem;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;padding:1.5rem 2rem}.cta-price-block{display:flex;flex-direction:column}.price-label{color:var(--color-light);font-size:.85rem;margin-bottom:.3rem}.price-val{color:var(--color-primary);font-size:1.8rem;font-weight:700;text-shadow:0 0 10px rgba(0,242,254,.2)}.cta-action-block{display:flex;gap:1rem}.cta-buy-btn{font-size:1.05rem;font-weight:600;padding:.8rem 1.6rem!important}.btn-outline-alt{background:transparent;border:1px solid hsla(0,0%,100%,.2);color:var(--color-white)}.btn-outline-alt:hover{background:hsla(0,0%,100%,.05);border-color:var(--color-white);color:var(--color-white);-webkit-transform:translateY(-2px);transform:translateY(-2px)}@-webkit-keyframes pulse-ring{0%{opacity:.8;-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:.8;-webkit-transform:scale(.95);transform:scale(.95)}}@keyframes pulse-ring{0%{opacity:.8;-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:.8;-webkit-transform:scale(.95);transform:scale(.95)}}@-webkit-keyframes spin-slow{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-slow{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media screen and (max-width:900px){.dashboard-grid{gap:1.5rem;grid-template-columns:1fr}}@media screen and (max-width:600px){.auditor-header h1{font-size:2.1rem}.cta-content h2{font-size:1.6rem}.cta-offer-row{align-items:stretch;padding:1.2rem}.cta-action-block,.cta-offer-row{flex-direction:column}.cta-action-block button{text-align:center;width:100%!important}}*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--color-bg:#07080d;--color-bg-variant:rgba(18,20,32,.65);--color-primary:#00f2fe;--color-primary-variant:rgba(0,242,254,.25);--color-white:#f8fafc;--color-light:#94a3b8;--color-accent:#7f00ff;--color-accent-variant:rgba(127,0,255,.25);--transition:all 400ms cubic-bezier(0.25,0.46,0.45,0.94);--transition-fast:all 200ms ease-out;--transition-slow:all 600ms cubic-bezier(0.175,0.885,0.32,1.275);--container-width-lg:75%;--container-width-md:86%;--container-width-sm:90%;--shadow-light:0 4px 20px rgba(0,0,0,.2);--shadow-medium:0 8px 30px rgba(0,0,0,.3);--shadow-heavy:0 20px 60px rgba(0,0,0,.5);--shadow-glow:0 0 20px rgba(0,242,254,.25);--shadow-glow-accent:0 0 20px rgba(127,0,255,.25)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}::-webkit-scrollbar{display:none}body{background-color:#07080d;background-color:var(--color-bg);color:#f8fafc;color:var(--color-white);font-family:Poppins,sans-serif;line-height:1.7;overflow-x:hidden;will-change:scroll-position}.aurora-orb{border-radius:50%;-webkit-filter:blur(140px);filter:blur(140px);opacity:.3;pointer-events:none;position:fixed;z-index:-2}.aurora-1{-webkit-animation:drift-slow 25s ease-in-out infinite alternate;animation:drift-slow 25s ease-in-out infinite alternate;background:radial-gradient(circle,#00f2fe 0,transparent 80%);background:radial-gradient(circle,var(--color-primary) 0,transparent 80%);height:450px;left:-10%;top:-10%;width:450px}.aurora-2{-webkit-animation:drift-medium 30s ease-in-out infinite alternate;animation:drift-medium 30s ease-in-out infinite alternate;background:radial-gradient(circle,#7f00ff 0,transparent 80%);background:radial-gradient(circle,var(--color-accent) 0,transparent 80%);bottom:-15%;height:550px;right:-15%;width:550px}.aurora-3{-webkit-animation:drift-fast 20s ease-in-out infinite alternate;animation:drift-fast 20s ease-in-out infinite alternate;background:radial-gradient(circle,rgba(0,242,254,.25) 0,transparent 80%);background:radial-gradient(circle,var(--color-primary-variant) 0,transparent 80%);height:350px;left:60%;top:40%;width:350px}@-webkit-keyframes drift-slow{0%{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}to{-webkit-transform:translate(120px,60px) scale(1.2);transform:translate(120px,60px) scale(1.2)}}@keyframes drift-slow{0%{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}to{-webkit-transform:translate(120px,60px) scale(1.2);transform:translate(120px,60px) scale(1.2)}}@-webkit-keyframes drift-medium{0%{-webkit-transform:translate(0) scale(1.2);transform:translate(0) scale(1.2)}to{-webkit-transform:translate(-140px,-80px) scale(.9);transform:translate(-140px,-80px) scale(.9)}}@keyframes drift-medium{0%{-webkit-transform:translate(0) scale(1.2);transform:translate(0) scale(1.2)}to{-webkit-transform:translate(-140px,-80px) scale(.9);transform:translate(-140px,-80px) scale(.9)}}@-webkit-keyframes drift-fast{0%{-webkit-transform:translate(0) scale(.9);transform:translate(0) scale(.9)}to{-webkit-transform:translate(90px,-90px) scale(1.15);transform:translate(90px,-90px) scale(1.15)}}@keyframes drift-fast{0%{-webkit-transform:translate(0) scale(.9);transform:translate(0) scale(.9)}to{-webkit-transform:translate(90px,-90px) scale(1.15);transform:translate(90px,-90px) scale(1.15)}}.container{-webkit-animation:containerFadeIn .8s ease-out;animation:containerFadeIn .8s ease-out;margin:0 auto;width:75%;width:var(--container-width-lg)}h1,h2,h3,h4,h5,h6{font-weight:500;text-align:center;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition)}h1{-webkit-text-fill-color:transparent;-webkit-animation:titleSlideIn 1s ease-out;animation:titleSlideIn 1s ease-out;background:linear-gradient(135deg,#f8fafc 40%,#00f2fe);background:linear-gradient(135deg,var(--color-white) 40%,var(--color-primary) 100%);-webkit-background-clip:text;font-size:2.5rem}section{-webkit-animation:sectionSlideIn .8s ease-out forwards;animation:sectionSlideIn .8s ease-out forwards;margin-top:8rem;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}section:first-of-type{-webkit-animation-delay:.1s;animation-delay:.1s}section:nth-of-type(2){-webkit-animation-delay:.2s;animation-delay:.2s}section:nth-of-type(3){-webkit-animation-delay:.3s;animation-delay:.3s}section:nth-of-type(4){-webkit-animation-delay:.4s;animation-delay:.4s}section>h2,section>h5{text-align:center}section>h5{color:#94a3b8;color:var(--color-light);font-size:.9rem;font-weight:400;letter-spacing:2px;margin-bottom:.5rem;text-transform:uppercase}section>h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00f2fe,#7f00ff);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);-webkit-background-clip:text;font-size:2.2rem;font-weight:600;margin-bottom:3rem;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition)}section>h2:after{-webkit-animation:lineExpand 1s ease-out .5s forwards;animation:lineExpand 1s ease-out .5s forwards;background:linear-gradient(90deg,#00f2fe,#7f00ff);background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:2px;bottom:-10px;content:"";height:2.5px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:width .5s ease;width:0}.text-light,a{color:#00f2fe;color:var(--color-primary)}a{overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition)}a:before{background:#00f2fe;background:var(--color-primary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}a:hover:before{width:100%}a:hover{color:#f8fafc;color:var(--color-white);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn{border:1px solid #00f2fe;border:1px solid var(--color-primary);border-radius:.4rem;color:#00f2fe;color:var(--color-primary);cursor:pointer;display:inline-block;overflow:hidden;padding:.75rem 1.2rem;position:relative;transition:all .6s cubic-bezier(.175,.885,.32,1.275);transition:var(--transition-slow);width:-webkit-max-content;width:max-content}.btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn:hover:before{left:100%}.btn:hover{background-color:#f8fafc;background-color:var(--color-white);border-color:transparent;box-shadow:0 0 20px rgba(0,242,254,.25);box-shadow:var(--shadow-glow);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.btn-primary,.btn:hover{color:#07080d;color:var(--color-bg)}.btn-primary{background-color:#00f2fe;background-color:var(--color-primary)}.btn-primary:hover{box-shadow:0 20px 60px rgba(0,0,0,.5);box-shadow:var(--shadow-heavy);-webkit-transform:translateY(-3px) scale(1.05);transform:translateY(-3px) scale(1.05)}img{display:block;object-fit:cover;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition);width:100%}img:hover{-webkit-filter:brightness(1.05);filter:brightness(1.05);-webkit-transform:scale(1.02);transform:scale(1.02)}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@-webkit-keyframes containerFadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes containerFadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes sectionSlideIn{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes sectionSlideIn{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes titleSlideIn{0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes titleSlideIn{0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes lineExpand{to{width:60px}}@keyframes lineExpand{to{width:60px}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideInUp{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes shine{0%{-webkit-transform:translateX(-100%) translateY(-100%) rotate(45deg);transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{-webkit-transform:translateX(100%) translateY(100%) rotate(45deg);transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes shine{0%{-webkit-transform:translateX(-100%) translateY(-100%) rotate(45deg);transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{-webkit-transform:translateX(100%) translateY(100%) rotate(45deg);transform:translateX(100%) translateY(100%) rotate(45deg)}}@media screen and (max-width:1024px){.container{width:86%;width:var(--container-width-md)}section{margin-top:6rem}body:before{-webkit-animation-duration:30s;animation-duration:30s}}@media screen and (max-width:600px){.container{width:90%;width:var(--container-width-sm)}section>h2{margin-bottom:2rem}body:before{display:none}section{-webkit-animation:fadeInUp .4s ease-out forwards;animation:fadeInUp .4s ease-out forwards}.btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.d26896d2.css.map*/