@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css);::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1a202c1a;border-radius:4px}::-webkit-scrollbar-thumb{background:#4299e180;border-radius:4px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}::-webkit-scrollbar-thumb:hover{background:#4299e1b3}.services{position:relative;z-index:1}.services__container{margin:0 auto;max-width:1200px;padding:2rem 1rem}.services__header{margin-bottom:3rem;text-align:center}.services__title{color:#2d3748;font-size:2.5rem;margin-bottom:1rem}.services__subtitle{color:#4a5568;font-size:1.1rem;margin:0 auto;max-width:600px}.services__grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.services__card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.services__card:hover{box-shadow:0 10px 15px #0000001a;transform:translateY(-5px)}.services__icon{color:#4299e1;font-size:2.5rem;margin-bottom:1.5rem}.services__card-title{color:#2d3748;font-size:1.25rem;margin-bottom:1rem}.services__cta{margin-top:3rem;text-align:center}.services__button{align-items:center;background-color:#4299e1;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.services__button:hover{background-color:#3182ce}.services__button-icon{transition:transform .3s ease}.services__button:hover .services__button-icon{transform:translateX(5px)}.footer{background-color:#2d3748;color:#e2e8f0;margin-top:4rem;padding:4rem 0 0}.footer__content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 2fr;margin:0 auto;max-width:1200px;padding:0 1rem 2rem}.footer__logo{max-width:300px}.footer__logo-title{color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.footer__logo-subtitle{color:#a0aec0;line-height:1.6}.footer__links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.footer__links-column h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.footer__links-list{list-style:none;margin:0;padding:0}.footer__links-item{margin-bottom:.75rem}.footer__link{background:none;border:none;color:#a0aec0;cursor:pointer;font-family:inherit;font-size:1rem;padding:0;text-decoration:none;transition:color .3s ease}.footer__link:hover{color:#4299e1}.footer__bottom{border-top:1px solid #4a5568;padding:1.5rem 1rem;text-align:center}.footer__copyright{color:#a0aec0;font-size:.875rem;margin:0}@media (max-width:1024px){.footer__content{gap:2rem;grid-template-columns:1fr}.footer__links{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.footer__links,.services__grid{grid-template-columns:1fr}.services__title{font-size:2rem}}*{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;font-family:Fira Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;outline:none;scrollbar-color:#4299e180 #1a202c1a;scrollbar-width:thin;text-decoration:none;-webkit-user-select:none;user-select:none}li,ol,ul{list-style:none}#root,.App,body,html{align-items:center;display:flex;flex-direction:column;margin:0;min-height:100vh;padding:0;width:100%}.main-container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 1.5rem;width:100%}section{display:flex;justify-content:center;padding:5rem 0;width:100%}.section-container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 1.5rem;width:100%}.notification-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;max-width:320px;position:fixed;right:20px;top:20px;width:100%;z-index:1000}.notification{align-items:flex-start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fff;border-left:3px solid #2da44e;border-radius:6px;box-shadow:0 3px 10px #00000014,0 1px 2px #0000000d;display:flex;margin-bottom:12px;opacity:1;overflow:hidden;padding:14px 16px;position:relative;transform:translateX(0);transition:all .25s cubic-bezier(.4,0,.2,1)}.notification.hidden{border:none;height:0;margin:0;opacity:0;padding:0;transform:translateX(120%)}.notification.success{background-color:#2ea44f0d;border-left-color:#2da44e}.notification.error{background-color:#cf222e0d;border-left-color:#cf222e}.notification.warning{background-color:#d4a72c0d;border-left-color:#d4a72c}.notification.info{background-color:#0969da0d;border-left-color:#0969da}.notification-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;height:20px;justify-content:center;margin-right:12px;margin-top:2px;width:20px}.notification.success .notification-icon{background-color:#2da44e}.notification.error .notification-icon{background-color:#cf222e}.notification.warning .notification-icon{background-color:#d4a72c}.notification.info .notification-icon{background-color:#0969da}.notification-content{flex:1 1;margin-right:8px}.notification-title{color:#6e7681;font-size:13px;font-weight:600;letter-spacing:.01em;margin:0 0 4px}.notification-message{color:#8b949e;font-size:12px;font-weight:400;line-height:1.5;margin:0}.notification-close{align-items:center;background:none;border:none;border-radius:4px;color:#6e7781;cursor:pointer;display:flex;height:20px;justify-content:center;margin-left:4px;opacity:.7;padding:4px;transition:color .15s ease,transform .1s ease;width:20px}.notification-close:hover{background-color:#58a6ff1a;color:#58a6ff;opacity:1;transform:scale(1.1)}@keyframes slideIn{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{to{border:none;height:0;margin:0;opacity:0;padding:0;transform:translateX(120%)}}.notification-enter{animation:slideIn .25s cubic-bezier(.4,0,.2,1) forwards}.notification-exit{animation:slideOut .2s cubic-bezier(.4,0,.2,1) forwards}.notification:not(.hidden):hover{box-shadow:0 5px 15px #0000001a,0 2px 5px #0000000d;transform:translateY(-1px)}.maintenance-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a202ccc;border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 10px 30px -10px #0000004d;margin-top:45px;max-width:560px;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center;width:100%}.maintenance-header{margin-bottom:2.5rem;position:relative}.maintenance-icon{align-items:center;background:#4299e11a;border:1px solid #4299e133;border-radius:50%;color:var(--primary);display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;position:relative;width:80px;z-index:1}.maintenance-icon svg{position:relative;z-index:2}.maintenance-content h1{color:#fff;font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1rem}.maintenance-content h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--primary),#63b3ed);-webkit-background-clip:text;background-clip:text}.subtitle{color:var(--light);font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:400px;opacity:.9}.maintenance-status{background:#1a202c99;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;margin:2.5rem 0;overflow:hidden;padding:1.5rem}.maintenance-status,.status-indicator{align-items:center;display:flex;justify-content:center;position:relative}.status-indicator{height:48px;margin-bottom:1rem;width:48px}.status-pulse{animation:pulse 2s infinite;background:#4299e14d;border-radius:50%;height:100%;position:absolute;width:100%}.status-icon{color:var(--primary);font-size:1.25rem;position:relative;z-index:1}.maintenance-status p{color:var(--light);font-size:1rem;font-weight:500;letter-spacing:.5px;margin:0}.maintenance-cta{margin-top:2.5rem}.maintenance-cta p{color:var(--light);font-size:.95rem;margin-bottom:1.5rem;opacity:.9}.discord-button{align-items:center;background:#5865f2;border:none;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:.9rem 1.75rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.discord-icon{font-size:1.2em;margin-right:10px}.dh-footer{font-size:.85rem;margin-top:3rem;opacity:.6;text-align:center;transition:opacity .2s ease}.dh-footer:hover{opacity:.9}@media (max-width:640px){.maintenance-content{margin:1rem;padding:2rem 1.5rem}.maintenance-content h1{font-size:2rem}.subtitle{font-size:1rem}.discord-button{padding:.85rem 1.5rem;width:100%}}.maintenance-content:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#4299e11a 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:-1}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Inicio_container__G0HT6{--primary:#063b59;--primary-hover:#042a40;--primary-light:#063b591a;--secondary:#10b981;--dark:#1f2937;--dark-80:#1f2937cc;--light:#f9fafb;--gray:#6b7280;--light-gray:#e5e7eb;--white:#fff;--black:#000;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--border-radius:8px;--nav-height:80px;--nav-height-mobile:70px;min-width:100%}.Inicio_navbar__sxeYY{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border-bottom:1px solid #0000000d;height:var(--nav-height);left:0;position:fixed;right:0;top:0;transition:var(--transition);z-index:1000}.Inicio_navbarScrolled__fcs\+y{background:#fffffffa;box-shadow:var(--shadow);height:70px}.Inicio_navbarContainer__wJooM{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:var(--container-width);padding:0 2rem;position:relative}.Inicio_logo__xGS6Y{align-items:center;color:var(--dark);display:flex;font-size:1.75rem;font-weight:800;text-decoration:none;transition:var(--transition);z-index:1001}.Inicio_logo__xGS6Y:hover{transform:translateY(-1px)}.Inicio_logoDot__NKwty{animation:Inicio_pulse__YsmYz 2s infinite;color:var(--primary)}@keyframes Inicio_pulse__YsmYz{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.Inicio_desktopNav__zJ1TZ{display:none}.Inicio_navLinks__tyCc5{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.Inicio_navLinks__tyCc5 button{background:none;border:none;color:var(--dark);cursor:pointer;font-size:1rem;font-weight:500;opacity:.9;padding:.5rem 0;position:relative;transition:var(--transition)}.Inicio_navLinks__tyCc5 button:after{background:var(--primary);border-radius:2px;bottom:0;content:"";height:2px;left:0;position:absolute;transition:var(--transition);width:0}.Inicio_navLinks__tyCc5 button:hover{color:var(--primary);opacity:1}.Inicio_navLinks__tyCc5 button.Inicio_active__r70Xw:after,.Inicio_navLinks__tyCc5 button:hover:after{width:100%}.Inicio_navCta__73t8s{display:none}.Inicio_navCta__73t8s .Inicio_button__fIVMW{border-radius:50px;box-shadow:0 4px 6px -1px #4f46e533,0 2px 4px -1px #4f46e51a;font-size:.95rem;font-weight:600;padding:.6rem 1.5rem;transition:all .3s ease,transform .2s ease}.Inicio_navCta__73t8s .Inicio_button__fIVMW:hover{box-shadow:0 10px 15px -3px #4f46e54d,0 4px 6px -2px #4f46e51a;transform:translateY(-2px)}.Inicio_mobileMenuButton__N3eKR{align-items:center;background:none;border:none;border-radius:50%;color:var(--dark);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:var(--transition);width:40px;z-index:1001}.Inicio_mobileMenuButton__N3eKR:hover{background:var(--primary-light);color:var(--primary)}.Inicio_mobileMenu__3\+nBA{background:var(--white);bottom:0;display:flex;flex-direction:column;left:0;overflow-y:auto;padding-top:calc(var(--nav-height-mobile) + 2rem);position:fixed;right:0;top:0;z-index:999}.Inicio_mobileNavLinks__SNSYB{display:flex;flex-direction:column;gap:1.5rem;padding:0 2rem 2rem}.Inicio_mobileNavLinks__SNSYB button{align-items:center;background:none;border:none;border-bottom:1px solid var(--light-gray);color:var(--dark);cursor:pointer;display:flex;font-size:1.2rem;font-weight:500;justify-content:space-between;padding:.75rem 0 1rem;text-align:left;transition:var(--transition)}.Inicio_mobileNavLinks__SNSYB button:after{content:"→";opacity:.5;transition:var(--transition)}.Inicio_mobileNavLinks__SNSYB button:hover{color:var(--primary);padding-left:.5rem}.Inicio_mobileNavLinks__SNSYB button:hover:after{opacity:1;transform:translateX(4px)}.Inicio_mobileCta__2Eb3I{align-items:center;background:var(--primary);border-radius:50px;box-shadow:0 4px 6px -1px #4f46e533,0 2px 4px -1px #4f46e51a;color:#fff;display:flex;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:var(--transition)}.Inicio_mobileCta__2Eb3I:hover{background:var(--primary-hover);box-shadow:0 10px 15px -3px #4f46e54d,0 4px 6px -2px #4f46e51a;transform:translateY(-2px)}@media (min-width:1024px){.Inicio_desktopNav__zJ1TZ,.Inicio_navCta__73t8s{display:block}.Inicio_mobileMenuButton__N3eKR,.Inicio_mobileMenu__3\+nBA{display:none}}@keyframes Inicio_fadeIn__eoMpQ{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes Inicio_slideIn__nJMI\+{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.Inicio_hero__eeNsQ{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);display:flex;min-height:100vh;overflow:hidden;padding:120px 2rem 6rem;position:relative;width:100%}.Inicio_hero__eeNsQ:before{background:var(--hero-bg-image) no-repeat center center;background-size:cover;opacity:.35}.Inicio_hero__eeNsQ:after,.Inicio_hero__eeNsQ:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.Inicio_hero__eeNsQ:after{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxwYXR0ZXJuIGlkPSJhIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgcGF0dGVyblRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHJlY3Qgd2lkdGg9IjUwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMDUpIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+);opacity:.5}.Inicio_heroContent__42tCJ{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:var(--container-width);position:relative;width:70%;z-index:1}.Inicio_heroText__xeOjD{flex:1 1;max-width:600px}.Inicio_heroTitle__4hq9S{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#063b59,#0a558c);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.Inicio_heroSubtitle__kU09x{color:var(--gray);font-size:1.25rem;line-height:1.6;margin-bottom:2.5rem;max-width:90%}.Inicio_heroCta__dBEtX{display:flex;gap:1rem;margin-top:2rem}.Inicio_button__fIVMW{align-items:center;border:none;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:var(--transition)}.Inicio_primaryButton__xq\+CZ{background-color:var(--primary);color:var(--white);cursor:pointer}.Inicio_primaryButton__xq\+CZ:hover{background-color:var(--primary-hover);box-shadow:var(--shadow);transform:translateY(-2px)}.Inicio_secondaryButton__CtMSI{background-color:var(--white);border:1px solid var(--primary);color:var(--primary)}.Inicio_secondaryButton__CtMSI:hover{background-color:#4f46e50d;box-shadow:var(--shadow);transform:translateY(-2px)}.Inicio_section__oZsTE{padding:6rem 2rem;position:relative}.Inicio_sectionTitle__WV9Br{color:var(--dark);font-size:2.5rem;font-weight:800;margin-bottom:3rem;text-align:center}.Inicio_sectionSubtitle__QnIKp{color:var(--gray);font-size:1.25rem;line-height:1.6;margin:0 auto 3rem;max-width:700px;text-align:center}.Inicio_ecosystemGrid__ZDbN3{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:var(--container-width)}.Inicio_ecosystemCard__tdbKf{background:var(--white);border:1px solid var(--light-gray);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:2rem;transition:var(--transition)}.Inicio_ecosystemCard__tdbKf:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.Inicio_cardIcon__XsAU5{color:var(--primary);font-size:2.5rem;margin-bottom:1.5rem}.Inicio_cardTitle__gl8xf{color:var(--dark);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.Inicio_cardDescription__L7EZC{color:var(--gray);line-height:1.6;margin-bottom:1.5rem}.Inicio_cardFeatures__AD4iN{margin:1.5rem 0;padding-left:1.25rem}.Inicio_cardFeature__BhM23{color:var(--gray);margin-bottom:.5rem;padding-left:1.5rem;position:relative}.Inicio_cardFeature__BhM23:before{color:var(--secondary);content:"✓";font-weight:700;left:0;position:absolute}.Inicio_missionSection__dvOIT{background-color:var(--light)}.Inicio_missionGrid__FU-CF{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:var(--container-width)}.Inicio_missionCard__\+4LWs{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:2rem;text-align:center}.Inicio_aboutSection__hFMBB{background-color:var(--white)!important;display:flex;justify-content:center;overflow:hidden;padding:5rem 0;position:relative;width:100%}.Inicio_techBackground__nDLEx{bottom:0;left:0;opacity:.1;position:absolute;right:0;top:0;z-index:0}.Inicio_aboutSection__hFMBB .Inicio_techBackground__nDLEx{display:none}.Inicio_aboutSection__hFMBB .Inicio_container__G0HT6{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:1100px;padding:0 1.5rem;width:100%}.Inicio_aboutSection__hFMBB .Inicio_sectionTitle__WV9Br{color:var(--dark);font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;max-width:800px;text-align:center}.Inicio_aboutSection__hFMBB .Inicio_sectionSubtitle__QnIKp{color:var(--gray);font-size:1.25rem;font-weight:400;line-height:1.6;margin:0 auto 3rem;max-width:700px;padding:0 1rem;text-align:center}.Inicio_aboutContent__VAc8P{align-items:center;display:flex;flex-direction:column;gap:2rem;margin-top:2rem;max-width:1100px;width:100%}.Inicio_aboutText__vdRud{max-width:800px;text-align:center;width:100%}.Inicio_aboutText__vdRud p{color:var(--dark-80);font-size:1.1rem;line-height:1.8;margin:0 auto 2rem;max-width:700px}.Inicio_textButton__u-qtD{align-items:center;background:none;border:none;color:var(--primary);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;margin:1rem auto 0;min-width:200px;padding:.5rem 1rem;position:relative;text-align:center;transition:all .3s ease}.Inicio_textButton__u-qtD:after{background-color:var(--primary);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease,left .3s ease;width:0}.Inicio_textButton__u-qtD:hover:after{left:0;transform:none;width:100%}.Inicio_textButton__u-qtD .Inicio_buttonIcon__huerN{margin-left:.5rem;transition:transform .3s ease}.Inicio_textButton__u-qtD:hover .Inicio_buttonIcon__huerN{transform:translateX(5px)}.Inicio_aboutImage__8BYss{border-radius:12px;box-shadow:0 15px 30px #0000001a;flex:1 1;min-height:300px;overflow:hidden;position:relative}@media (max-width:1024px){.Inicio_aboutContent__VAc8P{flex-direction:column;gap:2rem}.Inicio_aboutText__vdRud{max-width:100%;text-align:center}.Inicio_textButton__u-qtD{margin:0 auto}}.Inicio_missionIcon__ADyBg{color:var(--primary);font-size:2rem;margin-bottom:1.5rem}.Inicio_communitySection__Ze-9y{background:linear-gradient(135deg,#063b59,#0a558c);color:var(--white);padding:6rem 2rem;text-align:center}.Inicio_communityContent__dZw3J{margin:0 auto;max-width:var(--container-width)}.Inicio_communityTitle__av4kr{color:var(--white);margin-bottom:1.5rem}.Inicio_communitySubtitle__BGOtq{color:#ffffffe6;font-size:1.25rem;line-height:1.6;margin:0 auto 3rem;max-width:700px}.Inicio_discordButton__sLMMS{align-items:center;background-color:var(--white);border-radius:var(--border-radius);color:var(--primary);display:inline-flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:var(--transition)}.Inicio_discordButton__sLMMS:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.Inicio_servicesGrid__hE5rg{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:var(--container-width)}.Inicio_serviceCard__RbF7x{background:var(--white);border:1px solid var(--light-gray);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:1.5rem;text-align:center;transition:var(--transition)}.Inicio_serviceCard__RbF7x:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.Inicio_serviceIcon__9YnkZ{color:var(--primary);font-size:2rem;margin-bottom:1rem}.Inicio_serviceTitle__AnpLt{color:var(--dark);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.Inicio_footer__iVn9s{background-color:var(--dark);color:var(--light-gray);padding:4rem 2rem 2rem;text-align:center}.Inicio_footerContent__I2c6P{margin:0 auto;max-width:var(--container-width)}.Inicio_footerLinks__0FYNn{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:2rem 0}.Inicio_footerLink__S04GZ{color:var(--light-gray);text-decoration:none;transition:color .3s ease}.Inicio_footerLink__S04GZ:hover{color:var(--white)}.Inicio_copyright__apzDZ{color:var(--gray);font-size:.875rem;margin-top:2rem}@media (max-width:1024px){.Inicio_heroContent__42tCJ{flex-direction:column;text-align:center}.Inicio_heroSubtitle__kU09x{margin-left:auto;margin-right:auto}.Inicio_heroCta__dBEtX{justify-content:center}}@media (max-width:768px){.Inicio_heroTitle__4hq9S{font-size:2.5rem}.Inicio_heroSubtitle__kU09x{font-size:1.1rem}.Inicio_sectionTitle__WV9Br{font-size:2rem}.Inicio_sectionSubtitle__QnIKp{font-size:1.1rem}}@media (max-width:480px){.Inicio_heroTitle__4hq9S{font-size:2rem}.Inicio_heroCta__dBEtX{flex-direction:column;gap:1rem}.Inicio_button__fIVMW{width:100%}}.container{align-items:center;background-color:#171923;background-color:var(--darker);color:#fff;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:100%}.dh-animated-bg{height:100%;position:absolute;z-index:0}.background-page404{min-height:100vh;position:relative;width:100%;z-index:1}.background-page404,.container-white-page404{align-items:center;display:flex;justify-content:center;padding:2rem}.container-white-page404{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a202ccc;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 30px #0000004d;flex-direction:column;max-width:800px;text-align:center}.container-page404{height:200px;margin-bottom:2rem;position:relative;width:200px}.logopage404{background-image:url(/static/media/LogoPage404.2fa069979617671f8d4c.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 0 10px rgba(66,153,225,.055));height:100%;width:100%}.titleText{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#63b3ed,#3182ce,#2c5282);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:1rem}.titleDescription,.titleText{color:#e2e8f0;color:var(--light)}.titleDescription{font-size:1.25rem;line-height:1.6;margin-bottom:2.5rem;max-width:600px;opacity:.9}.buttonPageHome{align-items:center;background:#4299e1;background:var(--primary);border:none;border-radius:8px;box-shadow:0 4px 15px #4299e14d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;justify-content:center;overflow:hidden;padding:.75rem 2rem;position:relative;text-decoration:none;transition:all .3s ease;z-index:1}.buttonPageHome:before{background:#3182ce;background:var(--primary-dark);content:"";height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:0;z-index:-1}.buttonPageHome:hover{box-shadow:0 6px 20px #4299e166;transform:translateY(-2px)}.buttonPageHome:hover:before{width:100%}.iconHome{font-size:1.2rem;margin-right:8px;transition:transform .3s ease}.buttonPageHome:hover .iconHome{transform:translateX(3px)}.textHomepage{font-size:1.1rem;font-weight:600}.container-page404{animation:float 6s ease-in-out infinite}@media (max-width:768px){.titleText{font-size:2.2rem}.titleDescription{font-size:1.1rem;padding:0 1rem}.buttonPageHome{font-size:1rem;padding:.65rem 1.5rem}}.suggestions{margin:2rem 0;max-width:600px;text-align:left;width:100%}.suggestion-text{color:#e2e8f0;color:var(--light);font-size:1.1rem;margin-bottom:1rem;opacity:.9}.suggestion-links{display:flex;flex-direction:column;gap:.75rem;width:100%}.suggestion-link{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#e2e8f0;color:var(--light);display:flex;padding:.75rem 1.25rem;text-decoration:none;transition:all .3s ease}.suggestion-link:hover{background:#ffffff1a;transform:translateX(5px)}.suggestion-icon{color:#4299e1;color:var(--primary);font-size:1.1rem;margin-right:12px}.arrow-icon{margin-left:auto;opacity:.7;transition:all .3s ease}.suggestion-link:hover .arrow-icon{opacity:1;transform:translateX(5px)}.spinner{border-top:5px solid var(--primary);height:50px;width:50px}.particles{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.particle{animation:float-particle linear infinite;background-color:#4299e1;background-color:var(--primary);opacity:.5}@keyframes float-particle{0%,to{opacity:.2;transform:translateY(0) translateX(0)}25%{opacity:.5;transform:translateY(-20px) translateX(10px)}50%{opacity:.7;transform:translateY(-40px) translateX(0)}75%{opacity:.5;transform:translateY(-20px) translateX(-10px)}to{opacity:.2;transform:translateY(0) translateX(0)}}@media (max-width:768px){.suggestions{padding:0 1rem}.suggestion-link{padding:.6rem 1rem}.suggestion-link span{font-size:.9rem}}.verified-badge-container{align-items:center;align-self:center;display:inline-flex;line-height:1;margin-bottom:1px;margin-left:4px;position:relative;vertical-align:middle}.verified-badge{color:#4299e1;filter:drop-shadow(0 0 2px rgba(66,153,225,.5));flex-shrink:0;position:relative;top:1px;transition:transform .2s ease,filter .2s ease}.verified-badge:hover{filter:drop-shadow(0 0 4px rgba(66,153,225,.8));transform:scale(1.1)}.verified-tooltip{background-color:#2d3748;border-radius:4px;bottom:100%;box-shadow:0 2px 4px #0003;color:#fff;font-size:.75rem;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-8px);transition:all .2s ease;visibility:hidden;white-space:nowrap;z-index:100}.verified-badge-container:hover .verified-tooltip{opacity:1;transform:translateX(-50%) translateY(-12px);visibility:visible}.verified-tooltip:after{border:4px solid #0000;border-top-color:#2d3748;content:"";left:50%;margin-left:-4px;position:absolute;top:100%}.dh-navbar-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1a202ccc;box-shadow:0 2px 10px #0000001a;left:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.dh-navbar{justify-content:space-between;margin:0 auto;max-width:1400px;padding:1.5rem 5%;width:100%}.dh-nav-logo,.dh-navbar{align-items:center;display:flex}.dh-nav-logo{color:#fff;font-size:1.8rem;font-weight:700;gap:.25rem;text-decoration:none}.dh-nav-logo span{color:#4299e1;font-size:1.2rem;font-weight:600;letter-spacing:.5px;margin-left:.15rem;opacity:.9}.dh-nav-links{align-items:center;display:flex;gap:2rem}.dh-nav-links a{color:#e2e8f0;font-weight:500;text-decoration:none;transition:color .2s}.dh-nav-links a:hover{color:#4299e1}.dh-nav-button{background-color:#4299e1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:0;text-decoration:none;transition:all .2s ease}.dh-nav-button,.dh-nav-button-content{align-items:center;display:flex;justify-content:center}.dh-nav-button-content{gap:8px;height:100%;padding:.5rem 1.25rem;width:100%}.dh-nav-button{background:linear-gradient(45deg,#4299e1,#3182ce);overflow:hidden;position:relative}.dh-nav-button:before{background:linear-gradient(45deg,#3182ce,#2c5282);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:0}.dh-nav-button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.dh-nav-button:hover:before{opacity:1}.dh-nav-button:active{box-shadow:0 2px 6px #0000001a;transform:translateY(0)}.dh-nav-button-content{position:relative;transition:transform .2s ease;z-index:1}.dh-nav-button:hover .dh-nav-button-content{transform:scale(1.02)}.dh-nav-button svg{position:relative;transition:transform .2s ease;z-index:1}.dh-nav-button:hover svg{transform:scale(1.1)}.dh-nav-button span{color:#fff;position:relative;z-index:1}.user-profile{margin-left:1rem}.user-avatar,.user-profile{cursor:pointer;position:relative}.user-avatar{align-items:center;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;display:flex;gap:.75rem;min-height:40px;padding:.5rem 1rem;transition:all .2s ease}.avatar{border:2px solid #fff3;border-radius:50%;height:32px;object-fit:cover;width:32px}.default-avatar{color:#e2e8f0;font-size:28px}.username{align-items:center;color:#e2e8f0;display:flex;gap:4px;max-width:150px;overflow:visible;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:#e2e8f0;font-size:.8rem;margin-left:.25rem;transition:transform .2s}.dropdown-menu{box-shadow:0 4px 12px #0003;margin-top:.5rem;min-width:180px;opacity:0;overflow:hidden;transform:translateY(-10px);visibility:hidden;z-index:1000}.dropdown-menu.show{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item{padding:.75rem 1rem}.dropdown-icon{font-size:1rem;margin-right:.75rem}.dropdown-menu{animation:fadeIn .2s ease forwards}@media (max-width:768px){.user-avatar{padding:.4rem .8rem}.username{display:none}.dropdown-menu{border-radius:12px 12px 0 0;bottom:0;left:0;margin:0;position:fixed;right:0;top:auto;width:100%}}.dropdown-arrow.rotate{transform:rotate(180deg)}.dropdown-menu{background:#2d3748;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 12px #0000004d;display:block;margin-top:.75rem;min-width:200px;opacity:1;padding:.5rem 0;position:absolute;right:0;top:100%;transition:all .2s ease;visibility:visible;z-index:1100}.user-menu{position:relative;z-index:1001}.dropdown-container{display:inline-block;position:relative}.dropdown-item{background:none;display:block;font-size:.9rem;font-weight:500;padding:.6rem 1.25rem;text-decoration:none;transition:background-color .2s}.dropdown-item:hover{background-color:#ffffff1a;color:#63b3ed}.dropdown-item:active{background-color:#ffffff26}.dropdown-divider{background-color:#ffffff1a;margin:.25rem 0}.dropdown-item{transition:all .2s ease}.dropdown-item span{display:inline-block;vertical-align:middle}@media (max-width:768px){.dh-nav-links a:not(:last-child){display:none}.dh-nav-links{gap:1rem}.username{max-width:80px}.dropdown-menu{right:1rem}}body{background-color:#171923;background-color:var(--darker);color:#fff}.dh-container{align-items:center;background-color:#1a202c;background-color:var(--dark);color:#fff;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative;width:100%;z-index:1}.dh-animated-bg{background:url(https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExcDZ0MjN5Z3VvM2V6YzV1ZzV4eGQ2b2Z6N3VxNGJ6bXQ2d3F6cSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/26tn33aiTi1jkl6H6/giphy.gif) 50%/cover no-repeat;height:100vh;left:0;opacity:.15;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.dh-hero{align-items:center;display:flex;gap:5%;justify-content:center;margin:0 auto;max-width:1400px;min-height:100vh;padding:8rem 5%;position:relative;width:100%;z-index:2}.dh-hero-content{flex:0 1 50%;margin:0;max-width:600px;padding:2rem;position:relative;z-index:1}.dh-hero h1{font-size:4rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.dh-hero h1 span{color:#4299e1;color:var(--primary)}.dh-hero p{color:#e2e8f0;color:var(--light);font-size:1.25rem;margin-bottom:2.5rem;max-width:80%}.dh-hero-buttons{display:flex;gap:1rem}.dh-primary-button,.dh-secondary-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.dh-primary-button svg,.dh-secondary-button svg{font-size:1.1em;transition:transform .2s ease}.dh-primary-button:hover svg,.dh-secondary-button:hover svg{transform:scale(1.1)}.dh-primary-button{background-color:#4299e1;background-color:var(--primary);color:#fff}.dh-primary-button:hover{background-color:#3182ce;background-color:var(--primary-dark);transform:translateY(-2px)}.dh-secondary-button{background-color:initial;border:1px solid #e2e8f0;border:1px solid var(--light);color:#e2e8f0;color:var(--light)}.dh-secondary-button:hover{background-color:#ffffff1a;transform:translateY(-2px)}.dh-hero-illustration{align-items:center;display:flex;flex:0 1 50%;justify-content:center;margin:0;min-height:600px;min-width:500px;padding:3rem;perspective:1000px;position:relative}.dh-hero-illustration:before{animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,#4299e14d,#3182ce33);border:1px solid #ffffff1a;border-radius:25px;box-shadow:0 25px 50px #0006;content:"";height:300px;position:absolute;transform:rotateX(10deg) rotateY(15deg) rotate(-5deg);width:400px}.dh-hero-illustration:after{animation:float 8s ease-in-out infinite reverse;background:linear-gradient(135deg,#4299e133,#3182ce1a);border-radius:30px;content:"";height:320px;opacity:.8;position:absolute;transform:rotateX(15deg) rotateY(5deg) rotate(5deg);width:420px;z-index:-1}.dh-code-window{animation:float 6s ease-in-out infinite;background:#1a202c;border-radius:16px;box-shadow:0 20px 45px #00000080;height:280px;overflow:hidden;position:relative;transform:rotateX(10deg) rotateY(15deg) rotate(-5deg);width:380px}.dh-code-header{align-items:center;background:#2d3748;border-bottom:1px solid #ffffff0d;display:flex;height:50px;padding:0 20px}.dh-code-dots{display:flex;gap:6px}.dh-code-dot{border-radius:50%;height:12px;width:12px}.dh-code-dot:first-child{background:#fc8181}.dh-code-dot:nth-child(2){background:#f6ad55}.dh-code-dot:nth-child(3){background:#68d391}.dh-code-content{color:#e2e8f0;font-family:Fira Code,Courier New,monospace;font-size:14px;line-height:1.8;padding:20px;text-align:left}.dh-code-line{margin-bottom:5px;padding-left:20px;position:relative}.dh-code-line:before{color:#f6ad55;content:"$";left:0;position:absolute}.dh-code-line:nth-child(2){color:#63b3ed}.dh-code-line:nth-child(3){color:#f6ad55}.dh-code-line:nth-child(4){color:#68d391}.dh-features{align-items:center;background-color:#171923;background-color:var(--darker);display:flex;flex-direction:column;justify-content:center;left:0;margin-left:calc(-50vw + 50%);min-height:100vh;padding:6rem 5%;position:relative;right:0;width:100vw}.dh-features h2{color:#fff;font-size:2.5rem;margin-bottom:3rem;text-align:center}.dh-features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.dh-feature-card{background-color:#1a202c;background-color:var(--dark);border:1px solid #ffffff1a;border-radius:12px;padding:2rem;text-align:center;transition:transform .3s,box-shadow .3s}.dh-feature-card:hover{box-shadow:0 10px 25px #0003;transform:translateY(-5px)}.dh-feature-icon{align-items:center;background-color:#4299e11a;border-radius:50%;color:#4299e1;color:var(--primary);display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 1.5rem;transition:all .3s ease;width:80px}.dh-feature-card:hover .dh-feature-icon{background-color:#4299e126;box-shadow:0 4px 15px #4299e133;transform:scale(1.1)}.dh-feature-card h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.dh-feature-card p{color:#e2e8f0;color:var(--light);line-height:1.6}.dh-systems{align-items:center;background-color:#1a202c;background-color:var(--dark);display:flex;flex-direction:column;margin:0;max-width:100%;padding:6rem 5%;position:relative;text-align:center;width:100%}.dh-systems>div{margin:0 auto;max-width:1400px;padding:0 5%;width:100%}.dh-systems h2{color:#fff;font-size:2.5rem;margin-bottom:3rem}.dh-systems-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:0 auto;max-width:800px}.dh-system-card{background-color:#171923;background-color:var(--darker);border:1px solid #ffffff1a;border-radius:12px;padding:2rem;transition:transform .3s;width:220px}.dh-system-card:hover{transform:translateY(-5px)}.dh-system-icon{align-items:center;border:1px solid #ffffff0d;border-radius:50%;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1.5rem;transition:all .3s ease;width:80px}.dh-system-card:hover .dh-system-icon{box-shadow:0 4px 15px #0003;transform:scale(1.1)}.dh-system-card h3{color:#fff;font-size:1.25rem}@media (max-width:1024px){.dh-hero{flex-direction:column;padding-bottom:4rem;padding-top:8rem;text-align:center}.dh-hero-content{align-items:center;margin-bottom:3rem;text-align:center}.dh-hero h1{font-size:3rem}.dh-hero p{margin:0 auto 2rem;max-width:100%}.dh-hero-buttons{flex-wrap:wrap;justify-content:center}.dh-hero-illustration{margin-top:2rem;min-height:300px;width:100%}}@media (max-width:768px){.dh-nav-links a:not(:last-child){display:none}.dh-nav-links{gap:1rem}.dh-hero{padding:6rem 1.5rem 3rem}.dh-hero h1{font-size:2.5rem;line-height:1.2}.dh-hero p{font-size:1.1rem;max-width:100%}.dh-hero-buttons{flex-direction:column;gap:1rem;width:100%}.dh-hero-buttons button{width:100%}.dh-features,.dh-systems{padding:4rem 1.5rem}.dh-features h2,.dh-systems h2{font-size:2rem;margin-bottom:2rem}.dh-features-grid,.dh-systems-grid{grid-template-columns:1fr;width:100%}.dh-feature-card,.dh-system-card{margin:0 auto;max-width:400px;width:100%}}.dh-footer{background-color:#171923;background-color:var(--darker);border-top:1px solid #ffffff1a;color:#e2e8f0;color:var(--light);margin-top:auto;padding:4rem 5% 2rem;width:100%}.dh-footer-content{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto 3rem;max-width:1200px}.dh-footer-section{flex:1 1;margin-bottom:2rem;min-width:200px}.dh-footer-section h3{color:#fff;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;position:relative}.dh-footer-section h3:after{background:#4299e1;background:var(--primary);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.dh-footer-section h4{color:#fff;font-size:1.1rem;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.dh-footer-section p{color:#a0aec0;line-height:1.6;margin-bottom:1.5rem;max-width:300px}.dh-footer-section ul{list-style:none;margin:0;padding:0}.dh-footer-section ul li{margin-bottom:.75rem}.dh-footer-section ul li a{color:#a0aec0;display:inline-block;text-decoration:none;transition:color .3s ease,padding-left .3s ease}.dh-footer-section ul li a:hover{color:#4299e1;color:var(--primary);padding-left:5px}.dh-social-links{display:flex;gap:1rem;margin-top:1.5rem}.dh-social-links a{align-items:center;background-color:#ffffff0d;border-radius:50%;color:#a0aec0;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.dh-social-links a:hover{background-color:#4299e1;background-color:var(--primary);color:#fff;transform:translateY(-3px)}.dh-footer-bottom{border-top:1px solid #ffffff0d;color:#718096;flex-direction:column;font-size:.9rem;padding-top:2rem;text-align:center}.dh-footer-bottom,.dh-footer-links{align-items:center;display:flex;gap:.5rem}.dh-footer-links{flex-wrap:wrap;justify-content:center}.dh-footer-links span{color:#a0aec0}.dh-footer-links a{color:#4299e1;color:var(--primary);text-decoration:none;transition:color .3s ease}.dh-footer-links a:hover{color:#3182ce;color:var(--primary-dark);text-decoration:underline}.dh-footer-brand{color:#4299e1;color:var(--primary);font-weight:600}@media (max-width:768px){.dh-footer-content{flex-direction:column;gap:3rem;text-align:center}.dh-footer-section{max-width:100%;text-align:center}.dh-footer-section p{margin-left:auto;margin-right:auto}.dh-footer-bottom{flex-direction:column;gap:.5rem}}@media (max-width:1200px){.dh-hero h1{font-size:3.5rem}.dh-hero p{font-size:1.1rem}}@media (max-width:1024px){.dh-hero{flex-direction:column;padding-top:6rem;text-align:center}.dh-hero-content{flex:1 1 100%;margin-bottom:3rem;max-width:100%;text-align:center}.dh-hero p{margin-left:auto;margin-right:auto}.dh-hero-buttons{justify-content:center}.dh-hero-illustration{flex:1 1 100%;margin-top:2rem;min-height:400px;min-width:100%}.dh-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dh-hero h1{font-size:2.8rem}.dh-hero p{font-size:1rem;max-width:100%}.dh-hero-buttons{flex-direction:column;gap:1rem}.dh-primary-button,.dh-secondary-button{justify-content:center;width:100%}.dh-features{padding:4rem 5%}.dh-features h2,.dh-systems h2{font-size:2rem}.dh-systems{padding:4rem 5%}.dh-systems-grid{align-items:center;flex-direction:column}.dh-system-card{max-width:300px;width:100%}.dh-footer-content{gap:2rem;grid-template-columns:1fr}.dh-footer-section{text-align:center}.dh-social-links{justify-content:center}.dh-footer-bottom{flex-direction:column;gap:1rem;text-align:center}}@media (max-width:576px){.dh-hero{padding:5rem 1.5rem 3rem}.dh-hero h1{font-size:2.2rem}.dh-hero-illustration{min-height:300px;padding:1.5rem}.dh-code-window{height:250px;width:100%}.dh-features-grid{grid-template-columns:1fr}.dh-feature-card{padding:1.5rem}.dh-feature-icon{font-size:2rem;height:70px;width:70px}.dh-feature-card h3{font-size:1.3rem}}@media (max-width:400px){.dh-hero h1{font-size:2rem}.dh-hero p{font-size:.95rem}.dh-primary-button,.dh-secondary-button{font-size:.9rem;padding:.65rem 1.25rem}.dh-code-content{font-size:13px;padding:15px}.dh-features h2,.dh-systems h2{font-size:1.75rem;margin-bottom:2rem}.dh-footer-section h3{font-size:1.3rem}}@media (max-width:360px){.dh-hero h1{font-size:1.8rem}.dh-hero p{font-size:.9rem}.dh-feature-icon{font-size:1.75rem;height:60px;width:60px}.dh-feature-card h3{font-size:1.2rem}.dh-feature-card p{font-size:.9rem}}@media (max-width:768px){.dh-container{padding-top:60px}.dh-hero{min-height:calc(100vh - 60px)}.dh-hero-buttons{padding:0 1rem}}@media (max-width:576px){.dh-footer{padding:2rem 1.5rem}.dh-footer-section{margin-bottom:2rem}.dh-footer-section:last-child{margin-bottom:0}}*{box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0;padding:0}#root,body,html{height:100%;width:100%}.auth-container{align-items:center;background-attachment:fixed;background-color:#171923;background-color:var(--darker);background-image:url(https://i.imgur.com/5a8f6087.jpg);background-position:50%;background-size:cover;display:flex;justify-content:center;margin:0;min-height:100vh;overflow:auto;padding:2rem}.auth-card,.auth-container{position:relative;width:100%}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a202cf2;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 25px #0003;margin:0 auto;max-width:450px;padding:2.5rem;z-index:1}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h1{color:#fff;font-size:2rem;margin-bottom:.5rem}.auth-header h1 span{color:#4299e1;color:var(--primary)}.auth-header p{color:#e2e8f0;color:var(--light);font-size:1rem}.auth-form{gap:1.25rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:var(--light)}.form-group input{background-color:#0003;border:1px solid #ffffff1a;color:#fff;padding:.75rem 1rem;transition:all .2s ease}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #4299e14d}.form-options{font-size:.9rem;justify-content:space-between;margin-top:-.5rem}.form-options,.remember-me{align-items:center;display:flex}.remember-me{color:#e2e8f0;color:var(--light);cursor:pointer;gap:.5rem}.remember-me input{accent-color:#4299e1;accent-color:var(--primary);height:1rem;width:1rem}.forgot-password{color:#4299e1;color:var(--primary);text-decoration:none;transition:color .2s ease}.forgot-password:hover{color:#3182ce;color:var(--primary-dark);text-decoration:underline}.auth-button,.google-button{align-items:center;background-color:#fff;border:none;border-radius:6px;box-shadow:0 1px 3px #0000001f;color:#5f6368;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:2px;justify-content:center;margin-top:.5rem;padding:.75rem 1.5rem;transition:all .2s ease;width:100%}.auth-button{background-color:#4299e1;background-color:var(--primary);color:#fff}.auth-button:hover{background-color:#3182ce;background-color:var(--primary-dark);transform:translateY(-1px)}.google-button{background-color:#fff;color:#5f6368;margin-top:0}.google-button:hover{background-color:#f8f9fa;box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.google-button svg{align-items:center;color:#000;display:flex;font-size:1.1em;margin:0 2px 0 0}.spin{animation:spin 1s linear infinite;display:inline-block}.Toastify__toast{border-radius:6px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;padding:12px 16px}.Toastify__toast--success{background-color:#38a169}.Toastify__toast--error{background-color:#e53e3e}.auth-divider{align-items:center;color:#e2e8f0;color:var(--light);display:flex;font-size:.9rem;margin:1.5rem 0;text-align:center}.auth-divider:after,.auth-divider:before{border-bottom:1px solid #ffffff1a;content:"";flex:1 1}.auth-divider span{padding:0 1rem}.auth-footer{color:#e2e8f0;color:var(--light);font-size:.8rem;margin-top:2rem;opacity:.8;text-align:center}.auth-footer a{color:#4299e1;color:var(--primary);text-decoration:none;transition:color .2s ease}.auth-footer a:hover{text-decoration:underline}.auth-switch{color:#e2e8f0;color:var(--light);font-size:.9rem;margin-top:1.5rem;text-align:center}.switch-button{background:none;border:none;color:#4299e1;color:var(--primary);cursor:pointer;font-size:.9rem;font-weight:600;padding:0;transition:color .2s ease}.switch-button:hover{color:#3182ce;color:var(--primary-dark);text-decoration:underline}@media (max-width:480px){.auth-card{padding:1.5rem}.auth-header h1{font-size:1.75rem}.form-options{align-items:flex-start;flex-direction:column;gap:.5rem}.forgot-password{margin-top:.25rem}}.terms-container{background-color:var(--dark);color:#e2e8f0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;min-height:100vh}.terms-container,.terms-content{align-items:center;display:flex;flex-direction:column;width:100%}.terms-content{margin:0 auto;overflow-x:hidden;padding:5rem 0 2rem}.terms-content,.terms-header{box-sizing:border-box;text-align:center}.terms-header{border-bottom:1px solid #2d3748;margin-bottom:3rem;max-width:1200px;padding:2rem 1.5rem;width:100%}.terms-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2563eb,#3b82f6);background-clip:text;-webkit-background-clip:text;color:#fff;display:inline-block;font-size:2.5rem;margin-bottom:.5rem}.terms-header p{color:#94a3b8;font-size:.9rem}.terms-sections{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));justify-content:center;margin:0 auto 4rem;max-width:1400px;padding:0 2rem}.terms-section,.terms-sections{box-sizing:border-box;width:100%}.terms-section{word-wrap:break-word;background:#1e293b99;border:1px solid #2d3748;border-radius:12px;display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:100%;min-width:280px;overflow:hidden;padding:1.8rem 1.5rem 1.5rem;position:relative;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.terms-section:before{background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:2px 2px 0 0;content:"";height:4px;left:0;position:absolute;top:0;width:100%}.terms-section:hover{border-color:#2563eb;box-shadow:0 10px 20px #0003;transform:translateY(-5px)}.terms-icon{align-items:center;background:#2563eb1a;border-radius:50%;color:#3b82f6;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin-bottom:1.5rem;width:60px}.terms-section h2{color:#fff;font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem;position:relative}.terms-section h2:after{background:#2563eb;border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.terms-section h3{color:#e2e8f0;font-size:1.1rem;font-weight:600;margin:1.5rem 0 .8rem}.terms-section p{color:#cbd5e1;font-size:.95rem;line-height:1.7;margin-bottom:1.2rem}.terms-section ul{margin:.8rem 0;padding-left:1.2rem}.terms-section li{color:#cbd5e1;font-size:.95rem;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.terms-section li:before{color:#3b82f6;content:"•";display:inline-block;font-weight:700;left:0;margin-left:-1.5em;position:absolute;width:1em}.terms-contact{background:#1e293b99;border:1px solid #2d3748;border-radius:12px;margin-left:auto;margin-right:auto;margin-top:4rem;max-width:800px;padding:2.5rem;text-align:center;width:100%}.terms-contact h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.terms-contact p{color:#cbd5e1;font-size:1rem;margin-bottom:1.5rem}.terms-contact a{color:#3b82f6;text-decoration:none;transition:color .2s ease}.terms-contact a:hover{color:#2563eb;text-decoration:underline}.back-button{background:#2563eb;color:#fff!important;display:inline-block;font-size:1rem;font-weight:500;margin-top:1rem;padding:.8rem 1.8rem;text-decoration:none!important;text-transform:none;transition:all .3s ease}.back-button:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;color:#fff;text-decoration:none;transform:translateY(-2px)}@media (max-width:1024px){.terms-sections{grid-template-columns:1fr 1fr}}@media (max-width:768px){.terms-sections{grid-template-columns:1fr;max-width:100%;padding:0 1rem;width:100%}.terms-header h1{font-size:2rem}.terms-content{padding:70px 1rem 1rem}.terms-section{max-width:100%;padding:1.5rem}.terms-contact{margin:2rem 1rem;padding:1.5rem;width:calc(100% - 2rem)}}.terms-section{animation:fadeIn .6s ease-out forwards;opacity:0}.terms-section:first-child{animation-delay:.1s}.terms-section:nth-child(2){animation-delay:.2s}.terms-section:nth-child(3){animation-delay:.3s}.terms-section:nth-child(4){animation-delay:.4s}.skills-category{margin-bottom:1.5rem}.skills-category h5{color:#6b7280;font-size:.9rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.skill-tag{align-items:center;background:#4299e11a;border:1px solid #4299e133;border-radius:12px;color:#4299e1;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;height:28px;padding:.4rem .8rem .4rem .5rem;white-space:nowrap}.skill-tag .skill-icon{font-size:.9rem;opacity:.9}.skill-tag .skill-text{margin-top:1px}.skill-tag:hover{background:#3882be1a}.no-skills{color:#6b7280;font-style:italic;padding:1rem 0;text-align:center}@media (max-width:640px){.skills-list{gap:.4rem}.skill-tag{font-size:.8rem;padding:.3rem .65rem}.card-skills{padding:1rem}}.skill-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.skill-modal{background:#1a202c;border-radius:10px;box-shadow:0 4px 20px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:700px;overflow:hidden;width:90%}.skill-modal .skill-modal-header{align-items:center;background:#1a202c;border-bottom:1px solid #2d3748;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.skill-modal .skill-modal-content{flex:1 1;overflow-y:auto;padding:1.5rem}.skill-categories-grid{display:flex;flex-direction:column;gap:1.5rem}.skill-categories-grid h4{color:#e2e8f0;font-size:1.1rem;font-weight:500;margin:0 0 1rem}.skill-categories-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.skill-category-card{align-items:center;background:#2d3748;border:1px solid #4a5568;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:1.5rem 1rem;text-align:center;transition:all .2s ease}.skill-category-card:hover{background:#3c4658;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.skill-category-icon{color:#63b3ed;font-size:1.8rem;margin-bottom:.75rem}.skill-category-card span{color:#e2e8f0;font-size:.95rem;font-weight:500}.skill-selection{display:flex;flex-direction:column;gap:1.25rem;height:100%}.skill-back-button{align-items:center;background-color:#4a5568;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;height:35px;justify-content:center;margin-left:10px;padding:10px 20px;transition:all .2s ease}.skill-back-button:hover{background-color:#2d3748;box-shadow:0 2px 4px #0000001a;text-decoration:none;transform:translateY(-1px)}.skill-back-button:active{box-shadow:none;transform:translateY(0)}.skill-selection h4{color:#e2e8f0;font-size:1.1rem;font-weight:500;margin:0 0 1rem}.skill-list{display:flex;flex:1 1;flex-direction:column;gap:.75rem;margin-right:-.5rem;max-height:430px;overflow-y:auto;padding-right:.5rem}.skill-item-modal{background:#2d3748;border:1px solid #4a5568;border-radius:6px;padding:.75rem 1rem}.skill-item-modal:hover{background:#3c4658;transform:translateX(2px)}.skill-info{gap:.75rem}.skill-icon{color:#63b3ed;font-size:1.1rem}.skill-name{color:#e2e8f0;font-size:.95rem}.skill-no-items{color:#a0aec0;font-style:italic;padding:2rem 0;text-align:center;width:100%}.skills-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin:1rem 0;max-height:400px;overflow-y:auto;padding:.5rem 0;width:100%}.skill-item-modal{align-items:center;background-color:#ffffff08;border:1px solid #2d3748;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#e2e8f0;cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;min-height:44px;padding:.6rem 1rem;transition:all .2s ease}.skill-item-modal:hover{background-color:#ffffff0d;border-color:#4a5568;transform:translateY(-1px)}.skill-item-modal.selected{background-color:#63b3ed14;border:1px solid #63b3ed;box-shadow:0 0 0 1px #63b3ed80;color:#e2e8f0}.skill-check{align-items:center;background:#0000;border-radius:50%;color:#63b3ed;display:flex;font-size:.8rem;height:20px;justify-content:center;margin-left:.5rem;width:20px}.skill-name{max-width:calc(100% - 30px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.skills-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:480px){.skills-grid{gap:.5rem;grid-template-columns:1fr 1fr;padding:.25rem}.skill-item-modal{font-size:.85rem;padding:.5rem .75rem}}@media (max-width:360px){.skills-grid{grid-template-columns:1fr}}.modal-header{border-bottom:1px solid #4a5568}.cancel-btn{background:#2d3748;border:none;border-radius:6px;color:#e2e8f0;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transition:all .2s}.cancel-btn:hover:not(:disabled){background:#4a5568}@media (max-width:768px){.categories-list{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.category-card{min-height:110px;padding:1.25rem .75rem}.category-icon{font-size:1.5rem}.skill-item-modal{padding:.6rem .9rem}}@media (max-width:480px){.categories-list{grid-template-columns:repeat(2,1fr)}.category-card{min-height:100px;padding:1rem .5rem}.category-icon{font-size:1.25rem}.category-card span{font-size:.85rem}.skill-item-modal{padding:.5rem .75rem}.skill-name{font-size:.9rem}}.skill-modal-header{align-items:center;border-bottom:1px solid #2d3748;display:flex;justify-content:space-between;padding:1rem 1.5rem;position:relative}.skill-modal-header h3{color:#e2e8f0;font-size:1.25rem;font-weight:600;margin:0}.skill-close-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#a0aec0;cursor:pointer;display:flex;font-size:1.25rem;height:2rem;justify-content:center;margin-left:.5rem;padding:.25rem;transition:all .2s ease;width:2rem}.skill-close-button:hover{background-color:#e53e3e1a;color:#e53e3e}.skill-cancel-btn{background-color:#2d3748;border:1px solid #4a5568;border-radius:6px;color:#e2e8f0;cursor:pointer;font-size:.9rem;font-weight:500;margin-right:.75rem;padding:.5rem 1rem;transition:all .2s ease}.skill-cancel-btn:hover{background-color:#2d3748;border-color:#63b3ed;color:#63b3ed}.skill-cancel-btn:active{transform:translateY(1px)}.skill-modal-actions{align-items:center;display:flex;gap:10px;height:60px;justify-content:flex-end;padding:0 20px}.skill-next-button{align-items:center;background-color:#63b3ed;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:.95rem;font-weight:500;height:35px;justify-content:center;margin-left:auto;margin-right:15px;transition:all .2s ease}.skill-next-button:hover:not(:disabled){background-color:#4299e1;box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.skill-next-button:disabled{background-color:#4a5568;cursor:not-allowed;opacity:.7;transform:none}.confirmation-screen{display:flex;flex-direction:column;height:100%}.confirmation-screen h3{color:#e2e8f0;font-size:1.25rem;margin-bottom:1.5rem}.confirmation-content{flex:1 1;margin-bottom:1.5rem;overflow-y:auto;padding-right:.5rem}.confirmation-category h4{color:#a0aec0;font-size:.9rem;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.confirmation-skills{margin-bottom:1rem}.confirmation-skill{background-color:#63b3ed1a;color:#63b3ed;display:flex;padding:.4rem .8rem .4rem 1rem}.confirmation-actions{border-top:1px solid #2d3748;display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.confirmation-button{border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.25rem;transition:all .2s ease}.confirmation-category{background:#2d3748;border:1px solid #4a5568;border-radius:8px;margin-bottom:1.5rem;overflow:hidden}.confirmation-category:last-child{margin-bottom:0}.confirmation-category-header{align-items:center;background:#0000001a;border-bottom:1px solid #4a5568;display:flex;padding:1rem 1.25rem}.confirmation-category-icon{align-items:center;color:#63b3ed;display:flex;font-size:1.2rem;margin-right:.75rem}.confirmation-category h4{color:#e2e8f0;font-size:1rem;font-weight:500;margin:0}.confirmation-skills{align-items:flex-start;background:#0000000d;display:flex;flex-wrap:wrap;gap:.5rem;overflow:visible;padding:1rem}.confirmation-skill{align-items:center;background:#63b3ed1a;border:1px solid #63b3ed33;border-radius:4px;box-sizing:border-box;display:inline-flex;gap:.5rem;justify-content:space-between;max-width:100%;padding:.4rem .5rem .4rem .8rem}.confirmation-skill,.confirmation-skill .skill-name{color:#e2e8f0;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.confirmation-skill .skill-name{display:inline-block;flex-grow:1;max-width:calc(100% - 25px)}.remove-skill-button{align-items:center;background:none;border:none;border-radius:50%;color:#a0aec0;cursor:pointer;display:flex;flex-shrink:0;font-size:.8rem;height:20px;justify-content:center;padding:.15rem;transition:all .2s ease;width:20px}.remove-skill-button:hover{background-color:#e53e3e1a;color:#e53e3e}.remove-skill-button:active{transform:scale(.9)}.confirmation-button.cancel{background-color:initial;border:1px solid #4a5568;color:#a0aec0}.confirmation-button.cancel:hover{background-color:#4a556833;border-color:#63b3ed;color:#e2e8f0}.confirmation-button.confirm{background-color:#48bb78;border:1px solid #48bb78;color:#fff}.confirmation-button.confirm:hover{background-color:#38a169;border-color:#38a169;transform:translateY(-1px)}.avatar-selector-modal{background:#1e3a8a}.close-button{border-radius:50%;height:32px;padding:.5rem;transition:color .2s;width:32px}.close-button:hover{background-color:#e53e3e1a;color:#e53e3e}.avatar-option:hover .avatar-wrapper{box-shadow:0 0 15px #4299e180;transform:scale(1.1)}.avatar-option.selected .avatar-wrapper{border-color:#4299e1;box-shadow:0 0 0 2px #4299e1}.avatar-image{border-radius:50%;height:100%;object-fit:contain;padding:5px;width:100%}.avatar-selected{background:#4299e1}.check-icon{font-size:.8rem}.confirm-button{background:#4299e1}.confirm-button:hover{background:#3182ce}.avatar-option:focus{outline:none}.avatar-option:focus-visible{border-radius:12px;box-shadow:0 0 0 2px #3182ce}@media (max-width:480px){.avatar-selector-modal{padding:1.5rem 1rem;width:95%}.avatar-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.avatar-wrapper{height:80px;width:80px}.avatar-label{font-size:.8rem}}.perfil-page{display:flex;flex-direction:column;min-height:100vh}.perfil-container{box-sizing:border-box;color:#e2e8f0;margin:110px auto 2rem;max-width:1200px;padding:0 1.5rem;width:100%}.perfil-content-wrapper{align-items:flex-start;display:flex;gap:2rem}.perfil-main-content{flex:1 1;min-width:0}.suggested-profiles{max-height:calc(100vh - 130px);overflow-y:auto;top:110px;width:300px}.suggested-profiles-header h3{font-size:1.25rem;line-height:1.2}.suggested-profiles-title{display:flex;flex-direction:column;gap:.25rem}.suggested-profiles-subtitle{color:#a0aec0;font-size:.85rem;font-weight:400;line-height:1.3;margin:0}.background-bio{height:20vh;position:relative;width:100%}.perfil-bio,.perfil-card{word-wrap:break-word;background:#1a202c;border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#a0aec0;font-size:1rem;line-height:1.7;margin:1.5rem 0;padding:1.5rem;white-space:pre-line}.perfil-card .card-title{border-bottom:1px solid #2d3748;color:#e2e8f0;font-size:1.1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.75rem}.perfil-card .card-content{align-items:center;color:#718096;display:flex;font-style:italic;min-height:100px;padding:.5rem 0}.suggested-profiles-list{margin:0 0 1rem}.suggested-profile-item{margin-bottom:1rem}.suggested-profile-item:hover{background-color:#4299e11a}.suggested-profile-link{border-radius:8px}.suggested-profile-avatar{border:2px solid #4a5568;position:relative;transition:border-color .2s}.suggested-profile-avatar .suggested-avatar-image{border-radius:50%;height:100%;object-fit:contain;padding:4px;width:100%}.suggested-profile-item:hover .suggested-profile-avatar{border-color:#4299e1}.default-avatar-svg{background-color:#2d3748;border-radius:50%;display:block;height:100%;width:100%}@media (max-width:1024px){.perfil-content-wrapper{flex-direction:column}.suggested-profiles{margin-top:2rem;max-height:none;position:static;width:100%}.perfil-container{max-width:800px}}@media (max-width:768px){.perfil-header{align-items:center;flex-direction:column;text-align:center}.perfil-avatar{margin-bottom:1rem}.perfil-info{text-align:center}.perfil-name{justify-content:center}}.perfil-header{align-items:flex-start;background:#1a202c;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:2rem;height:25vh;margin-bottom:1.5rem;padding:2rem}.avatar-and-infouser{display:flex;flex-direction:row;height:200px;position:relative;width:100%}.perfil-info{height:150px;margin-left:30px}.perfil-avatar{align-items:center;background-color:#2d3748;border:4px solid #4299e1;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;display:flex;height:142px;justify-content:center;margin:0 auto 1.5rem;overflow:hidden;position:relative;transition:all .3s ease;width:142px}.perfil-avatar .avatar-image{border-radius:50%;height:100%;object-fit:contain;padding:10px;width:100%}.perfil-avatar:hover .avatar-image{transform:scale(1.05)}.perfil-avatar:hover{box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a;transform:translateY(-3px)}.avatar-svg{height:100%;transition:transform .3s ease;width:100%}.perfil-avatar:hover .avatar-svg{transform:scale(1.05)}.edit-avatar-overlay{align-items:center;background:#000000b3;border-radius:50%;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.perfil-avatar:hover .edit-avatar-overlay{opacity:1}.edit-avatar-overlay svg{margin-bottom:5px}.edit-avatar-overlay span{font-size:.8rem;font-weight:500}.avatar-selector-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.avatar-selector-modal{animation:modalFadeIn .3s ease-out;background:#1a1a2e;border:1px solid #2d3748;border-radius:12px;box-shadow:0 10px 25px #0000004d;max-width:500px;padding:2rem;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.avatar-selector-header{align-items:center;border-bottom:1px solid #2d3748;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.avatar-selector-header h3{color:#e2e8f0;font-size:1.4rem;font-weight:600;margin:0}.avatar-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));justify-items:center;margin-bottom:2rem}.avatar-option{align-items:center;cursor:pointer;display:flex;flex-direction:column;position:relative;transition:transform .2s}.avatar-option:hover{transform:translateY(-5px)}.avatar-option.selected .avatar-wrapper{border-color:#4670e5;box-shadow:0 0 0 2px #4670e5}.avatar-wrapper{align-items:center;background:#2d3748;border:3px solid #0000;border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:.5rem;overflow:hidden;position:relative;transition:all .3s ease;width:80px}.avatar-label{color:#a0aec0;font-size:.9rem;font-weight:500;margin-top:.5rem;text-align:center}.avatar-selected{align-items:center;background:#4670e5;border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;position:absolute;right:0;top:0;width:24px;z-index:2}.avatar-selector-actions{border-top:1px solid #2d3748;display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem}.cancel-button,.confirm-button{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.6rem 1.2rem;transition:all .2s}.cancel-button{background:#2d3748;color:#e2e8f0}.cancel-button:hover{background:#4a5568}.confirm-button{background:#4698e5;color:#fff}.confirm-button:hover{background:#3883ca}@media (max-width:480px){.avatar-selector-modal{padding:1.5rem 1rem;width:95%}.avatar-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.avatar-wrapper{height:70px;width:70px}}.edit-avatar-btn:hover{background:#3182ce;transform:scale(1.05)}.perfil-info{flex:1 1}.perfil-name{flex-wrap:wrap;margin-bottom:.5rem}.perfil-name,.perfil-name h1{align-items:center;display:flex;gap:.5rem}.perfil-name h1{color:#e2e8f0;font-size:1.8rem;font-weight:700;margin:0}.perfil-email{color:#a0aec0;display:flex;font-size:.95rem;margin:.25rem 0 .5rem}.perfil-email,.perfil-role{align-items:center;gap:.5rem}.perfil-role{background:#5a91d833;border:1px solid #5a91d833;border-radius:20px;color:#3580d6;display:inline-flex;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin:.25rem 0 0;padding:.25rem .75rem;text-transform:uppercase;transition:all .3s ease}.perfil-role:hover{background:#5a91d833;box-shadow:0 2px 8px #528edd33;transform:translateY(-1px)}.perfil-role .icon{color:#3580d6;color:var(--role-color,#3580d6);font-size:.8rem;margin-right:.3rem;transition:transform .2s ease}.perfil-role{--role-color:#3580d6;background:rgba(var(--role-color-rgb),.1);border-color:var(--role-color);color:var(--role-color)}.perfil-role:hover .icon{transform:scale(1.1)}.perfil-role.editing{display:none}.bio-container{margin:1.7rem 0 0;position:relative}.perfil-bio{background:#1a202c99;border-left:4px solid #4299e1;border-radius:0 8px 8px 0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#cbd5e0;font-size:1rem;line-height:1.7;margin:0;padding:1.25rem;position:relative;transition:all .3s ease}.bio-title{align-items:center;color:#63b3ed;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;letter-spacing:.05em;margin:0 0 .75rem;padding-bottom:.5rem;position:relative;text-transform:uppercase}.bio-title:after{background:#63b3ed4d;bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.perfil-bio-content{line-height:1.7;margin-top:.75rem}.perfil-bio:before{background:linear-gradient(135deg,#4299e11a,#0000);border-radius:0 8px 8px 0;bottom:0;content:"";left:0;opacity:.6;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:0}.perfil-bio:hover{box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a;transform:translateY(-2px)}.perfil-bio:hover:before{opacity:1}.perfil-bio textarea{background:#2d3748b3;border:1px solid #4a5568;border-radius:6px;color:#e2e8f0;font-family:inherit;line-height:1.6;min-height:120px;padding:1rem;position:relative;resize:vertical;transition:all .3s ease;width:100%;z-index:1}.perfil-bio textarea:focus{border-color:#63b3ed;box-shadow:0 0 0 2px #63b3ed33;outline:none}.perfil-bio textarea::placeholder{color:#a0aec0;opacity:.7}@keyframes borderGlow{0%{border-left-color:#4299e1}50%{border-left-color:#63b3ed}to{border-left-color:#4299e1}}.perfil-bio:not(textarea){animation:borderGlow 8s infinite}.perfil-details{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.detail-card{background:#1a202c;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:1.5rem}.detail-card h3{border-bottom:1px solid #2d3748}.detail-item{gap:.5rem;margin-bottom:1rem}.social-link{transition:color .2s}.social-link:hover{color:#4299e1;text-decoration:underline}.cancel-btn,.edit-btn,.save-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;transition:all .2s}.edit-btn{background:#2d3748;color:#e2e8f0}.edit-btn:hover{background:#4a5568}.save-btn{background:#48bb78;color:#fff}.save-btn:hover{background:#38a169}.cancel-btn{background:#e53e3e;color:#fff}.cancel-btn:hover{background:#c53030}.btn-change-password{align-items:center;background:#0000;border-radius:4px;color:#63b3ed;cursor:pointer;display:flex;gap:.5rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;transition:all .2s}.btn-change-password:hover{background:#63b3ed1a;border-color:#63b3ed}.profile-actions{margin-top:1rem}.profile-actions,.profile-buttons-container{align-items:center;display:flex;gap:.5rem}.change-password-btn:hover{background:#63b3ed1a;border-color:#63b3ed}.detail-input,.perfil-input,.perfil-textarea{background:#2d3748;border:1px solid #4a5568;border-radius:6px;color:#e2e8f0;font-size:1rem;padding:.5rem .75rem;transition:border-color .2s;width:83%}.title-project-input{max-width:90%}.detail-input:focus,.perfil-input:focus,.perfil-textarea:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed33;outline:none}.perfil-textarea{min-height:100px;resize:vertical}.perfil-actions{border-top:1px solid #2d3748;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.icon{color:#718096;width:18px}.spinner{animation:spin 1s linear infinite;display:inline-block;margin:0 auto}button:disabled{cursor:not-allowed;opacity:.7}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#1a202c;border-radius:10px;box-shadow:0 4px 20px #00000080;max-width:450px;padding:1.5rem;position:relative;width:100%}.modal-header{align-items:center;border-bottom:1px solid #2d3748;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h3{color:#e2e8f0;font-size:1.3rem;margin:0}.close-button{align-items:center;color:#a0aec0;display:flex;font-size:1.2rem;justify-content:center;padding:.3rem;transition:all .2s}.close-button:hover{background:#2d3748;color:#e2e8f0}.form-group{margin-bottom:1.2rem}.form-group input{background:#2d3748;border:1px solid #2d3748;border-radius:6px;color:#e2e8f0;font-size:1rem;padding:.6rem .8rem;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#4299e1;box-shadow:0 0 0 2px #4299e133;outline:none}.form-group input:disabled{background:#2d3748;cursor:not-allowed;opacity:.7}.error-message{background:#fc81811a;border-left:3px solid #fc8181;border-radius:4px;color:#fc8181;font-size:.9rem;margin:1rem 0;padding:.5rem}.modal-actions{border-top:1px solid #2d3748;display:flex;gap:.8rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.modal-actions button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transition:all .2s}.modal-actions .save-btn{background:#48bb78;color:#fff}.modal-actions .save-btn:hover:not(:disabled){background:#38a169}.modal-actions .cancel-btn{background:#2d3748;color:#e2e8f0}.modal-actions .cancel-btn:hover:not(:disabled){background:#4a5568}.modal-actions button:disabled{cursor:not-allowed;opacity:.6}.perfil-card{background:#1a202c;border:1px solid #2d3748;border-radius:12px;color:#cbd5e0;line-height:1.7;margin:1.5rem 0;overflow:hidden;padding:1.5rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.project-form:not(.hidden)~.projects-list{display:none}.perfil-card:hover{background:#1a202c;border:1px solid #2d3748;border-color:#4a5568;border-radius:12px;box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a;color:#cbd5e0;line-height:1.7;margin:1.5rem 0;overflow:hidden;padding:1.5rem;position:relative;transform:translateY(-2px);transition:transform .3s ease,box-shadow .3s ease}.card-header{justify-content:space-between;margin-bottom:1rem}.card-header,.card-title{align-items:center;display:flex}.card-title{color:#e2e8f0;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0}.add-project-btn{background-color:#4299e1;display:inline-flex;font-weight:500;transition:background-color .2s ease}.add-project-btn:hover{background-color:#3182ce}.add-project-btn svg{font-size:.9em}.project-form{animation:fadeIn .2s ease-in-out;background:#2d3748;border-radius:8px;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;width:95%}.project-form .perfil-input,.project-form .perfil-textarea{background:#2d3748;border:1px solid #4a5568;border-radius:6px;color:#e2e8f0;font-size:.95rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.project-form .perfil-input:focus,.project-form .perfil-textarea:focus{border-color:#4299e1;box-shadow:0 0 0 2px #4299e133;outline:none}.project-form .perfil-textarea{min-height:80px;resize:vertical}.button-group{display:flex;gap:.75rem;margin-top:.5rem}.perfil-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease}.perfil-button.primary{background-color:#4299e1;color:#fff}.perfil-button.primary:hover{background-color:#3182ce}.perfil-button.secondary{background-color:#4a5568;color:#e2e8f0}.perfil-button.secondary:hover{background-color:#2d3748}.projects-list{gap:1rem;min-width:100%}.project-item,.projects-list{display:flex;flex-direction:column}.project-item{background:#2d374880;border:1px solid #2d3748;border-radius:8px;margin-bottom:1.5rem;min-height:0;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.project-item:last-child{margin-bottom:0}.project-item:before{background:linear-gradient(180deg,#4299e1,#63b3ed);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.project-item:hover{background:#2d3748b3;border-color:#4a5568;box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a;transform:translateY(-2px)}.project-item:hover:before{opacity:1}.project-header{justify-content:space-between;padding-left:1.25rem}.project-header h5{color:#e2e8f0;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.project-card-actions{background:#2d374880;border:1px solid #2d3748;border-radius:6px;display:flex;flex-direction:row;height:100%;margin-left:auto;padding:.25rem .7rem;transition:all .3s ease}.project-button-container{flex-direction:row;margin-left:2px;width:32px}.empty-projects-message,.project-button-container{align-items:center;display:flex;justify-content:center}.empty-projects-message span{color:#6b7280;display:inline-block}.add-project-container{align-items:center;display:flex;gap:.8rem}.card-skills{height:auto;width:100%}.add-button,.add-project-btn{align-items:center;background-color:#4299e1;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.add-button:hover:not(:disabled),.add-project-btn:hover:not(:disabled){background:#3182ce;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.add-button.disabled,.add-button:disabled,.add-project-btn.disabled,.add-project-btn:disabled{background-color:#4a5568;border-color:#4a5568;color:#a0aec0;cursor:not-allowed;opacity:.7}.add-button.disabled:hover,.add-button:disabled:hover,.add-project-btn.disabled:hover,.add-project-btn:disabled:hover{box-shadow:none;transform:none}.add-button svg,.add-project-btn svg{font-size:.9em}.add-button[title]:hover:after,.add-project-btn[title]:hover:after{background:#2d3748;border-radius:.25rem;bottom:100%;color:#fff;content:attr(title);font-size:.75rem;left:50%;margin-bottom:.5rem;opacity:0;padding:.25rem .5rem;position:absolute;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap;z-index:10}.add-button[title]:hover:before,.add-project-btn[title]:hover:before{border:5px solid #0000;border-top-color:#2d3748;bottom:100%;content:"";left:50%;margin-bottom:-.5rem;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .2s}.add-button[title]:hover:after,.add-button[title]:hover:before,.add-project-btn[title]:hover:after,.add-project-btn[title]:hover:before{opacity:1}.add-project-btn{align-items:center;background:#4299e1;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.add-project-btn:hover:not(:disabled){background:#3182ce;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.add-project-btn.disabled,.add-project-btn:disabled{background-color:#4a5568;border-color:#4a5568;color:#a0aec0;cursor:not-allowed;opacity:.7}.add-project-btn.disabled:hover,.add-project-btn:disabled:hover{box-shadow:none;transform:none}.add-project-btn[title]:hover:after{background:#000c;border-radius:4px;color:#fff;content:attr(title);font-size:.75rem;margin-bottom:5px;padding:.3rem .6rem;pointer-events:none;white-space:nowrap;z-index:1000}.add-project-btn[title]:hover:after,.add-project-btn[title]:hover:before{bottom:100%;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .2s}.add-project-btn[title]:hover:before{border:5px solid #0000;border-top-color:#000c;content:"";margin-bottom:0}.add-project-btn[title]:hover:after,.add-project-btn[title]:hover:before{opacity:1}.project-category{align-items:center;background:#4299e11a;border:1px solid #4299e133;border-radius:12px;color:#4299e1;display:inline-flex;font-size:.75rem;font-weight:500;height:24px;padding:.2rem .6rem;white-space:nowrap}.project-header>div:first-child{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.project-header h5{line-height:1.4;margin:0;padding-left:1.5rem;position:relative}.project-header h5:before{color:#4299e1;content:"•";font-size:1.5rem;left:0;line-height:1;position:absolute;top:0}.project-header{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem;min-height:36px;position:relative}.project-edit-button{align-items:center;background:none;border:none;border-radius:6px;color:#a0aec0;cursor:pointer;display:flex;height:32px;padding:.5rem;transition:all .3s ease;width:32px}.project-edit-button:hover{background:#63b3ed33;color:#63b3ed;transform:translateY(-1px)}.project-delete-button{align-items:center;background:none;border:none;border-radius:6px;color:#a0aec0;cursor:pointer;display:flex;height:32px;justify-content:center;padding:.5rem;transition:all .3s ease;width:32px}.project-delete-button:hover{background:#f8717133;color:#fc8181;transform:translateY(-1px)}.project-item p{border-left:2px solid #2d3748;color:#a0aec0;line-height:1.7;margin:.5rem .5rem 1rem;max-height:150px;overflow-wrap:break-word;overflow-y:auto;padding-left:1.5rem;padding-right:.5rem;transition:border-color .3s ease;white-space:pre-wrap;word-break:break-word}.project-item p::-webkit-scrollbar{width:4px}.project-item p::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.project-item p::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.project-item p::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.project-item:hover p{border-left-color:#4a5568}.project-link{align-items:center;background:#4299e11a;border-radius:6px;color:#63b3ed;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-left:1.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.project-link:hover{background:#4299e133;color:#90cdf4;text-decoration:none;transform:translateX(4px)}.project-link:before{content:"→";transition:transform .3s ease}.project-link:hover:before{transform:translateX(4px)}@media (max-width:768px){.perfil-card{margin:1rem 0;padding:1.25rem 1rem}.card-header{align-items:flex-start;flex-direction:column;gap:1rem}.add-project-btn{justify-content:center;width:100%}.project-item{margin-bottom:1rem;padding:1.25rem 1rem}.project-item p{font-size:.95rem;max-height:150px}.project-header{gap:1rem}.project-actions{margin-top:.5rem}.project-link{justify-content:center;margin-left:0;width:100%}.project-form{padding:1rem}.project-header{align-items:flex-start;flex-direction:column;gap:.75rem}.project-actions{justify-content:flex-end;width:100%}.perfil-header{align-items:center;flex-direction:column;text-align:center}.perfil-avatar{margin-bottom:1.5rem}.perfil-email,.perfil-name,.perfil-role{justify-content:center}.perfil-role{display:inline-flex;margin:.5rem auto 1rem}.perfil-bio{margin-left:auto;margin-right:auto;text-align:center}.perfil-actions{flex-direction:column}.perfil-actions button{width:100%}.detail-item{align-items:flex-start;flex-direction:column}.detail-label{margin-bottom:.25rem;width:100%}.change-password-btn{justify-content:center;margin-left:0;margin-top:.5rem;width:100%}.suggested-profiles{margin-top:2rem;position:relative}.suggested-profile-item{margin-bottom:.5rem}.suggested-profile-avatar{height:36px;width:36px}.suggested-profile-name{font-size:.85rem}.suggested-profile-bio{font-size:.75rem}}.suggested-profiles{background:#1a202c;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-top:1.5rem;padding:1.25rem;position:-webkit-sticky;position:sticky;top:100px}.suggested-profiles-header{align-items:center;border-bottom:1px solid #2d3748;display:flex;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem}.suggested-profiles-header h3{color:#e2e8f0;font-size:1.1rem;font-weight:600;margin:0}.suggested-icon{color:#4299e1;font-size:1.25rem}.suggested-profiles-list{list-style:none;margin:0;padding:0}.suggested-profile-item{border-radius:8px;margin-bottom:.75rem;transition:background-color .2s}.suggested-profile-item:hover{background-color:#ffffff0d}.suggested-profile-link{align-items:center;color:inherit;display:flex;padding:.5rem;text-decoration:none}.suggested-profile-avatar{align-items:center;background-color:#2d3748;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:.75rem;overflow:hidden;width:40px}.suggested-profile-avatar img{display:block;height:100%;object-fit:cover;width:100%}.suggested-profile-avatar .default-avatar-svg{background-color:#2d3748;border-radius:50%;display:block;height:100%;width:100%}.suggested-profile-info{flex:1 1;min-width:0}.suggested-profile-name{align-items:center;color:#e2e8f0;display:flex;font-size:.9rem;font-weight:500;gap:.25rem;margin-bottom:.15rem}.suggested-profile-bio{color:#a0aec0;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-suggestions{align-items:center;color:#a0aec0;display:flex;flex-direction:column;font-size:.9rem;justify-content:center;padding:1.5rem 0}.loading-suggestions .spinner{animation:spin 1s linear infinite;margin-bottom:.5rem}.no-suggestions{color:#a0aec0;font-size:.9rem;padding:1.5rem 0;text-align:center}.suggested-profiles-footer{border-top:1px solid #2d3748;margin-top:1rem;padding-top:.75rem;text-align:center}.explore-link{color:#4299e1;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.explore-link:hover{color:#63b3ed;text-decoration:underline}.user-profile-page{color:#e2e8f0;display:flex;flex-direction:column;min-height:100vh}.profile-container{box-sizing:border-box;margin:110px auto 2rem;max-width:1000px;padding:0 1.5rem;width:100%}.username-container{color:#a0aec0;font-size:.9rem;gap:8px;margin-top:4px;position:relative}.profile-menu-container{display:inline-block;position:relative}.profile-menu-button{align-items:center;background:none;border:none;border-radius:4px;color:#a0aec0;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:4px 8px;transition:all .2s ease}.profile-menu-button:hover,.profile-menu-button[aria-expanded=true]{background-color:#ffffff1a;color:#fff}.profile-dropdown{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1a202cfa;border:1px solid #4a556833;border-radius:12px;box-shadow:0 10px 25px -5px #0003,0 8px 10px -6px #0000001a,inset 0 0 0 1px #ffffff0d;min-width:220px;opacity:0;padding:8px 0;position:absolute;right:0;top:calc(100% + 8px);transform:scale(.95) translateY(-5px);transform-origin:top right;transition:all .15s cubic-bezier(.4,0,.2,1);z-index:1000}.profile-dropdown[data-enter]{opacity:1;transform:scale(1) translateY(0)}.dropdown-item{align-items:center;background:#0000;border:none;color:#e2e8f0;cursor:pointer;display:flex;font-size:.925rem;font-weight:450;overflow:hidden;padding:10px 16px;position:relative;text-align:left;transition:all .15s ease;width:100%}.dropdown-item:before{background:#4299e1;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:center;transition:transform .2s ease;width:3px}.dropdown-item:hover{background:#2d374899;color:#fff;padding-left:20px}.dropdown-item:hover:before{transform:scaleY(1)}.dropdown-icon{color:#a0aec0;margin-right:12px;transition:all .15s ease;width:18px}.dropdown-item:hover .dropdown-icon{color:#4299e1;transform:scale(1.1)}.dropdown-item.danger,.dropdown-item.danger .dropdown-icon{color:#fc8181}.dropdown-item.danger:hover{background:#fc81811a;color:#fff;padding-left:20px}.dropdown-item.danger:hover:before{background:#fc8181}.dropdown-divider{background:#4a55684d;border:none;margin:6px 0;overflow:hidden;position:relative}.dropdown-divider:after{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:1px;left:16px;position:absolute;right:16px}.dropdown-icon{font-size:.9em;margin-right:10px;text-align:center;width:16px}.dropdown-divider{background-color:#2d3748;height:1px;margin:4px 0}.back-button{align-items:center;background:#2d3748;border:none;border-radius:6px;color:#e2e8f0;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;transition:background-color .2s}.back-button:hover{background:#4a5568}.profile-header{align-items:flex-start;background:#2d3748;border-radius:12px;box-shadow:0 4px 12px #00000026;display:flex;gap:2.5rem;margin-bottom:2.5rem;padding:2.5rem;position:relative}.profile-avatar{align-items:center;background:#4a5568;border:4px solid #4299e1;border-radius:50%;box-shadow:0 4px 12px #0003;display:flex;flex-shrink:0;height:140px;justify-content:center;overflow:hidden;position:relative;transition:transform .3s ease;width:140px}.profile-avatar:hover{transform:scale(1.03)}.profile-avatar img{height:100%;object-fit:cover;width:100%}.avatar-icon{color:#a0aec0;font-size:3rem}.profile-info{flex:1 1}.profile-name{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.meta-value{margin-left:5px}.profile-name h1{color:#fff;font-size:2.2rem;font-weight:700;line-height:1.2;margin:0;text-shadow:0 2px 4px #0003}.profile-email,.profile-name h1{align-items:center;display:flex;gap:.6rem}.profile-email{background:#4a556833;border-radius:6px;color:#a0aec0;display:inline-flex;font-size:1.05rem;margin:.8rem 0 1.2rem;padding:.6rem 1rem}.profile-bio{word-wrap:break-word;background:#2d374880;border:1px solid #4a55684d;border-radius:10px;box-shadow:0 2px 4px #0000001a;color:#e2e8f0;font-size:1.05rem;line-height:1.7;margin:1.5rem 0 2rem;max-width:700px;padding:1.5rem;white-space:pre-line}.profile-bio p:first-child{border-bottom:1px solid #a0aec01a;color:#a0aec0;font-size:.95rem;letter-spacing:.5px;margin-bottom:.8rem;padding-bottom:.5rem;text-transform:uppercase}.profile-bio p:last-child{color:#e2e8f0;font-size:1rem;line-height:1.8;margin:0}.profile-details{grid-gap:1.8rem;display:grid;gap:1.8rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:1rem 0 3rem}.detail-card{background:#2d3748;border:1px solid #4a5568;border-radius:12px;box-shadow:0 4px 12px #00000026;padding:1.8rem;transition:transform .3s ease,box-shadow .3s ease}.detail-card:hover{box-shadow:0 6px 16px #0003;transform:translateY(-3px)}.detail-card h3{border-bottom:1px solid #4a5568;color:#e2e8f0;gap:.5rem;margin-bottom:1.5rem;margin-top:0;padding-bottom:.75rem}.detail-card h3,.detail-item{align-items:center;display:flex}.detail-item{border-bottom:1px dashed #4a5568;flex-wrap:wrap;gap:.6rem;margin-bottom:1.2rem;padding:.5rem 0}.detail-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-label{align-items:center;color:#a0aec0;display:flex;gap:.5rem;min-width:120px}.detail-value{color:#e2e8f0;flex:1 1}.social-link{background:#63b3ed1a;border:1px solid #63b3ed33;border-radius:6px;color:#63b3ed;gap:.4rem;padding:.4rem .8rem;transition:all .2s ease}.social-link:hover{background:#63b3ed33;color:#fff;text-decoration:none;transform:translateY(-1px)}.error-container,.loading-container{align-items:center;background:#2d3748;border:1px solid #4a5568;border-radius:12px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;justify-content:center;margin:2rem auto;max-width:800px;min-height:300px;padding:2.5rem;text-align:center}.error-container{background:#2d1d1d;border-color:#e53e3e}.error-details{background:#e53e3e1a;border-radius:8px;margin:1.5rem 0;max-width:600px;padding:1rem;text-align:left;width:100%}.error-details p{color:#e2e8f0;margin:.5rem 0}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}.refresh-button{align-items:center;background:#4299e1;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;transition:all .2s ease}.refresh-button:hover{background:#3182ce;transform:translateY(-1px)}.spinner{animation:spin 1s ease-in-out infinite;border:5px solid #ffffff1a;border-radius:50%;border-top-color:#63b3ed;height:48px;margin-bottom:1.5rem;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.error-container h2{color:#e53e3e;margin-bottom:1rem}@media (max-width:768px){.profile-header,.profile-info{align-items:center;flex-direction:column;text-align:center}.profile-info{display:flex}.profile-bio{text-align:center}.profile-details{grid-template-columns:1fr}.detail-item{align-items:flex-start;flex-direction:column}.detail-label{margin-bottom:.25rem}}.username-container{align-items:center;display:flex;gap:.5rem;margin-top:.25rem}.edit-profile-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-profile-modal{animation:slideUp .3s ease-out;background:#1e293b;border:1px solid #334155;border-radius:12px;box-shadow:0 10px 50px #00000080;margin:20px;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:90%;z-index:1001}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.edit-profile-header{align-items:center;background:#1e293b;border-bottom:1px solid #334155;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.edit-profile-header h3{color:#f8fafc;font-size:1.25rem;font-weight:600;margin:0}.close-button{background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem .5rem;transition:all .2s ease}.close-button:hover{background:#ffffff1a;color:#f8fafc}.edit-profile-content{max-height:80vh;overflow-y:auto;padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-group label{color:#e2e8f0}.form-input,.form-textarea{background:#1e293b;border:1px solid #334155;border-radius:6px;color:#f8fafc;font-size:.95rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.input-prefix{color:#94a3b8;font-size:.95rem;left:12px}.input-with-prefix .form-input{padding-left:30px}.form-actions{border-top:1px solid #334155;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.btn{border-radius:6px;padding:.5rem 1.25rem;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.7}.btn-primary{background:#3b82f6}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-secondary{background:#334155;color:#e2e8f0}.btn-secondary:hover:not(:disabled){background:#475569}@media (max-width:640px){.edit-profile-modal{margin:0 auto;width:90%}.form-actions{flex-direction:column}.btn{width:100%}.edit-profile-modal{margin:10px;width:95%}.form-actions{flex-direction:column}.btn{width:100%}}.form-group{margin-bottom:1rem}.form-group label{color:#a0aec0;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-input{background-color:#2d3748;border:1px solid #4a5568;border-radius:.375rem;color:#e2e8f0;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e133}.form-input:disabled{background-color:#2d3748;cursor:not-allowed;opacity:.7}.form-textarea{background-color:#2d3748;border:1px solid #4a5568;border-radius:.375rem;color:#e2e8f0;font-family:inherit;font-size:1rem;min-height:100px;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-textarea:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e133;outline:none}.input-with-prefix{align-items:center;display:flex;position:relative}.input-prefix{color:#a0aec0;left:.75rem;pointer-events:none;position:absolute}.input-with-prefix .form-input{padding-left:2rem}.edit-actions{display:flex;gap:1rem;margin-bottom:1.5rem;margin-top:1.5rem}.btn{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s}.btn-primary{background-color:#4299e1;color:#fff}.btn-primary:hover{background-color:#3182ce}.btn-primary:disabled{background-color:#2b6cb0;cursor:not-allowed;opacity:.7}.btn-secondary{background-color:#4a5568;color:#fff}.btn-secondary:hover{background-color:#2d3748}.btn-secondary:disabled{cursor:not-allowed;opacity:.7}.bio-section{margin:1rem 0}.bio-section strong{color:#a0aec0;display:block;font-size:.9rem;margin-bottom:.5rem}.username{color:#a0aec0;font-size:1.1rem;font-weight:500}.user-id{align-items:center;background-color:#4a5568;border-radius:4px;color:#e2e8f0;display:inline-flex;font-family:Fira Code,Consolas,monospace;font-size:.9rem;font-weight:500;height:1.5rem;letter-spacing:.5px;padding:.15rem .5rem}@media (max-width:480px){.username-container{align-items:flex-start;flex-direction:column;gap:.25rem}}:root{--primary:#4299e1;--primary-dark:#3182ce;--secondary:#f6ad55;--dark:#1a202c;--darker:#171923;--light:#e2e8f0;--lighter:#f7fafc;--border-radius:12px;--transition:all 0.2s ease}.dh-settings-container{color:#e2e8f0;color:var(--light);margin:7rem auto;max-width:800px;padding:0 1.5rem 4rem;position:relative;width:100%;z-index:2}.dh-settings-title{display:inline-block;font-size:2.25rem;font-weight:700;left:50%;margin:0 0 2rem;padding-bottom:.5rem;position:relative;text-shadow:0 2px 4px #0003;transform:translateX(-50%)}.dh-settings-title:after{background:linear-gradient(90deg,#4299e1,#0000);background:linear-gradient(90deg,var(--primary),#0000);border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.settings-section{border:1px solid #ffffff14;border-radius:var(--border-radius);box-shadow:0 8px 20px #00000026;display:flex;flex-direction:column;margin-bottom:2.5rem;min-height:25vh;overflow:hidden;padding:2rem 2.5rem;position:relative}.settings-section,.settings-section:before{transition:all .2s ease;transition:var(--transition)}.settings-section:before{background:#4299e1;background:var(--primary);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.settings-section:hover{border-color:#4299e14d;box-shadow:0 12px 24px #0003;transform:translateY(-2px)}.section-header{border-bottom:1px solid #ffffff14;margin:1rem 0 1.5rem;padding:1.5rem 0 1rem;position:relative}.section-icon{align-items:center;background:#4299e11a;border-radius:10px;display:flex;height:36px;justify-content:center;margin-right:1rem;padding:.5rem;transition:all .2s ease;transition:var(--transition);width:36px}.section-header h2{font-weight:600;letter-spacing:-.3px}.setting-item{background:#0000;margin:0 0 1.5rem;padding:1.5rem 0;transition:all .2s ease;transition:var(--transition)}.setting-item:last-child{margin-bottom:.5rem}.setting-item:hover{background:#ffffff08}.setting-content{gap:2.5rem;padding:.5rem 0}.setting-info{padding-right:1rem}.setting-controls{align-items:center;display:flex;flex-shrink:0;gap:1.5rem}.setting-info{flex:1 1;min-width:0;padding:.5rem 0}.setting-item label{font-size:1.05rem;line-height:1.4}.setting-description{font-size:.9rem;line-height:1.6;margin:.4rem 0 0;max-width:90%}.setting-item{border-bottom:1px solid #ffffff0d;margin-bottom:0;padding:1rem 0}.setting-item:last-child{border-bottom:none}.setting-content{align-items:center;display:flex;justify-content:space-between;width:100%}.setting-item label{margin-bottom:.25rem}.setting-description{line-height:1.4;margin:0}.chevron-icon{color:#718096;font-size:.9rem}input[type=password],input[type=text],select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23A0AEC0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;border:1px solid #4a55684d;border-radius:8px;font-family:inherit;font-size:.95rem;margin-top:.5rem;max-width:300px;padding:.75rem 2.5rem .75rem 1rem;transition:var(--transition)}input[type=password]:focus,input[type=text]:focus,select:focus{background-color:#2d3748e6;box-shadow:0 0 0 3px #4299e133}input:disabled,select:disabled{cursor:not-allowed;opacity:.6}.clickable{border-radius:6px;cursor:pointer;margin:0 -.5rem;padding:.5rem;transition:background-color .2s}.clickable:hover{background-color:#ffffff0d}.toggle-item{display:flex;margin:-.5rem 0;min-height:50px;padding:.5rem 0}.switch{align-items:center;display:inline-flex;flex-shrink:0;height:26px;margin-left:1.5rem}.radio-option input[type=radio]{accent-color:#4299e1;accent-color:var(--primary)}@media (max-width:768px){.dh-settings-container{padding:.75rem}.dh-settings-title{font-size:1.75rem;margin:.5rem 0 1.5rem}.settings-section{padding:1rem}.radio-group{flex-direction:column;gap:.75rem}.setting-item{padding:.75rem 0}.setting-content{align-items:flex-start;flex-direction:column}.switch{align-self:flex-start;margin:.5rem 0 0}}[data-theme=light]{--light:#2d3748;--lighter:#4a5568;--dark:#f7fafc;--darker:#e2e8f0}[data-theme=light] .settings-section{background:#f7fafce6;border:1px solid #0000001a}[data-theme=light] .setting-item{border-bottom-color:#0000000d}[data-theme=light] .setting-item label{color:#2d3748}[data-theme=light] .setting-description{color:#4a5568}.high-contrast{--primary:#06c;--light:#000;--lighter:#333;--dark:#fff;--darker:#eee}.high-contrast .settings-section{background:#fff!important;border:2px solid #000!important}.high-contrast .setting-item{border-bottom:2px solid #000!important}.high-contrast .setting-item label{color:#000!important;font-weight:700}.high-contrast .setting-description{color:#333!important;font-weight:500}:root{--font-size:16px;--heading-scale:1.25}html{font-size:16px;font-size:var(--font-size)}h1{font-size:1.875rem;font-size:calc(1.5rem*var(--heading-scale))}h2{font-size:1.5625rem;font-size:calc(1.25rem*var(--heading-scale))}h3{font-size:1.375rem;font-size:calc(1.1rem*var(--heading-scale))}[data-font-size=small]{--font-size:14px;--heading-scale:1.15}[data-font-size=large]{--font-size:18px;--heading-scale:1.35}.dh-settings-title{color:#e2e8f0;color:var(--light);font-size:2.5rem;margin-bottom:2rem;text-align:center;text-shadow:0 2px 4px #0000004d}.settings-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a202ccc;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:2rem;padding:1.5rem 2rem}.section-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;margin-bottom:1.5rem;padding-bottom:.75rem}.section-icon{color:#4299e1;color:var(--primary);font-size:1.5rem;margin-right:.75rem}.section-header h2{color:#e2e8f0;color:var(--light);font-size:1.5rem;margin:0}.setting-item{display:flex;flex-direction:column;margin-bottom:1.5rem}.setting-item:last-child{margin-bottom:0}.setting-item label{color:#e2e8f0;color:var(--light);display:block;font-weight:500;margin-bottom:.5rem}.setting-description{color:#a0aec0;font-size:.85rem;margin-bottom:0;margin-top:.25rem}input[type=password],input[type=text],select{background:#2d3748b3;border:1px solid #4a556880;border-radius:6px;color:#e2e8f0;color:var(--light);font-size:1rem;max-width:400px;padding:.75rem 1rem;transition:all .2s ease;width:100%}input[type=password]:focus,input[type=text]:focus,select:focus{border-color:#4299e1;border-color:var(--primary);box-shadow:0 0 0 2px #4299e180;outline:none}button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-history,.btn-sessions,.btn-shortcuts{background:#4299e11a;border:1px solid #4299e1;border:1px solid var(--primary);color:#4299e1;color:var(--primary)}.btn-history:hover,.btn-sessions:hover,.btn-shortcuts:hover{background:#4299e133}.btn-clear-cache,.btn-export{background:#ed89361a;border:1px solid #ed8936;color:#ed8936}.btn-clear-cache:hover,.btn-export:hover{background:#ed893633}.btn-delete-account{background:#e53e3e1a;border:1px solid #e53e3e;color:#e53e3e;margin-top:1rem}.btn-delete-account:hover{background:#e53e3e33}.toggle-item{align-items:center;flex-direction:row;justify-content:space-between}.switch{display:inline-block;height:24px;margin-left:1rem;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#4a5568;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;width:16px}input:checked+.slider{background-color:#4299e1;background-color:var(--primary)}input:focus+.slider{box-shadow:0 0 1px #4299e1;box-shadow:0 0 1px var(--primary)}input:checked+.slider:before{transform:translateX(26px)}.radio-group{display:flex;gap:1.5rem;margin-top:.5rem}.radio-option{align-items:center;cursor:pointer;display:flex}.radio-option input[type=radio]{margin-right:.5rem}.danger-zone{border-top:1px solid #e53e3e4d;margin-top:2rem;padding-top:1.5rem}.danger-zone h3{color:#e53e3e;margin-bottom:1rem;margin-top:0}.warning{color:#e53e3e!important;font-weight:500}@media (max-width:768px){.dh-settings-container{padding:1rem}.dh-settings-title{font-size:2rem}.settings-section{padding:1.25rem}.toggle-item{align-items:flex-start;flex-direction:column}.switch{align-self:flex-start;margin:.5rem 0 0}}.settings-section{animation:fadeIn .3s ease-out forwards}.settings-section:nth-child(2){animation-delay:.05s}.settings-section:nth-child(3){animation-delay:.1s}.settings-section:nth-child(4){animation-delay:.15s}.settings-section:nth-child(5){animation-delay:.2s}.portfolio-theme{--primary:#0f172a;--secondary:#1e293b;--accent:#7dd3fc;--accent-hover:#bae6fd;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--card-bg:#1e293b;--border-color:#334155;--shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--radius:0.5rem;--max-width:1200px;--font-size-base:1rem;--line-height-base:1.6;--heading-font-weight:700;--text-color:var(--text-primary);--link-color:var(--accent);--link-hover-color:var(--text-primary)}.portfolio-reset *{box-sizing:border-box;margin:0;padding:0}.portfolio-html{scroll-behavior:smooth}.portfolio-body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--primary);color:var(--text-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem;line-height:1.6;min-height:100vh;overflow-x:hidden;text-rendering:optimizeLegibility}.portfolio-link{color:var(--accent);text-decoration:none;transition:var(--transition)}.portfolio-link:hover{color:var(--text-primary)}.portfolio-button{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;margin:0;padding:0}.portfolio-container *,.portfolio-container :after,.portfolio-container :before{box-sizing:border-box}.main-content{margin-left:20%;position:relative;width:75%}.portfolio-container{background-color:var(--bg-primary);color:var(--text-primary);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0 auto;max-width:1400px;min-height:100vh;padding-left:2rem;position:relative;width:100%}.sidebar{background-color:var(--sidebar-bg);border-radius:0 12px 12px 0;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:2rem 1.5rem;position:fixed;top:0;transition:all .3s ease;width:280px;z-index:100}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background-color:var(--text-muted);border-radius:3px}.sidebar.open{transform:translateX(0)}.portfolio-heading-1{font-size:2.5rem;line-height:1.2;margin-bottom:1.5rem}.portfolio-heading-1,.portfolio-heading-2{color:var(--text-primary);font-weight:var(--heading-font-weight)}.portfolio-heading-2{font-size:2rem;line-height:1.25;margin-bottom:1.25rem}.portfolio-heading-3{color:var(--text-primary);font-size:1.75rem;font-weight:var(--heading-font-weight);line-height:1.3;margin-bottom:1rem}.portfolio-text{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base);margin-bottom:1rem}.portfolio-text-muted{color:var(--text-muted);font-size:.9em}.menu-toggle{align-items:center;background:var(--accent);border:none;border-radius:50%;cursor:pointer;display:none;flex-direction:column;height:40px;justify-content:center;left:1.5rem;padding:0;position:fixed;top:1.5rem;width:40px;z-index:100;z-index:1000}.menu-toggle span{background-color:var(--primary);display:block;height:2px;margin:2px 0;transition:var(--transition);width:20px}.menu-toggle span:first-child.open{transform:translateY(4px) rotate(45deg)}.menu-toggle span:nth-child(2).open{opacity:0}.menu-toggle span:nth-child(3).open{transform:translateY(-4px) rotate(-45deg)}.profile-initials{color:var(--primary);font-size:3rem;font-weight:700;line-height:1}.profile-name{color:var(--text-primary);font-size:1.75rem;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin-bottom:.5rem}.profile-title{color:var(--accent);font-size:1rem;font-weight:500;line-height:1.5;margin:0;opacity:.9}.section-title{align-items:center;color:var(--text-primary);display:inline-flex;font-size:2rem;font-weight:700;gap:.75rem;letter-spacing:-.025em;margin-bottom:2rem;position:relative}.section-title:before{color:var(--accent);content:"//";font-size:1.5rem;font-weight:400;opacity:.7}.section-title:after{background:var(--accent);border-radius:2px;bottom:-8px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:40px}.section:hover .section-title:after{width:80px}.social-links{gap:1rem;margin-top:2rem}.social-link{font-size:1.1rem}.social-link:hover{border-color:var(--accent);box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.social-link:focus{outline:2px solid var(--accent);outline-offset:2px}.profile{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;margin-bottom:2.5rem;padding:2.5rem 1.5rem;text-align:center;transition:var(--transition)}.profile:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-2px)}.profile-img{align-items:center;background:linear-gradient(135deg,var(--accent),#38bdf8);border:4px solid #ffffff1a;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:var(--primary);display:flex;font-size:3rem;font-weight:700;height:140px;justify-content:center;margin:0 auto 1.5rem;transition:var(--transition);width:140px}.profile-img:hover{box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a;transform:scale(1.05)}.profile .profile-name{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.5rem}.profile .profile-title{color:var(--accent);font-size:.95rem;font-weight:500;margin-top:.5rem}.icon{display:inline-block;text-align:center}.form-input,.icon{transition:var(--transition)}.form-input{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-primary);font-size:1rem;margin-bottom:1rem;padding:.75rem 1rem;width:100%}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #7dd3fc33;outline:none}.form-textarea{min-height:150px;resize:vertical}.nav{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem;padding:1.5rem}.nav-link{align-items:center;background:#0000;border:none;border-radius:.375rem;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;overflow:hidden;padding:.75rem 1rem;position:relative;text-align:left;width:100%}.nav-link,.nav-link .icon{transition:var(--transition)}.nav-link .icon{color:var(--text-muted);margin-right:12px;text-align:center;width:20px}.nav-link:before{background:var(--accent);border-radius:0 3px 3px 0;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:center;transition:transform .3s ease;width:3px}.nav-link.active,.nav-link:hover{background:#7dd3fc0d;color:var(--accent);transform:none}.nav-link.active .icon,.nav-link:hover .icon{color:var(--accent);transform:scale(1.1)}.nav-link.active{font-weight:600}.nav-link.active:before{transform:scaleY(1)}.social-links{display:flex;flex-wrap:wrap;gap:1.25rem;margin:1rem 0 0;padding:0 .5rem;width:100%}.social-link,.social-links{justify-content:center;position:relative}.social-link{align-items:center;background:var(--secondary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);display:inline-flex;font-size:1.4rem;height:40px;opacity:.8;text-decoration:none;transition:all .3s ease;width:40px}.social-link .icon{font-size:1.1rem}.social-link:hover{color:var(--accent);opacity:1;transform:translateY(-3px) scale(1.1)}.social-link:active{transform:translateY(-1px) scale(1.05)}.social-link i{align-items:center;display:flex;height:100%;justify-content:center;transition:all .3s ease;width:100%}.section{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:2rem;min-height:100vh;overflow:hidden;padding:6rem 2rem 2rem;position:relative;scroll-margin-top:80px;transition:var(--transition)}.section h2{margin-top:0;padding-top:2rem}.section:before{background:linear-gradient(90deg,var(--accent),#38bdf8);content:"";height:4px;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.section:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-2px)}.section:hover:before{opacity:1}.section h2{align-items:center;color:var(--text-primary);display:inline-flex;font-size:1.75rem;font-weight:700;gap:.75rem;letter-spacing:-.025em;margin-bottom:2rem;position:relative}.section h2:before{color:var(--accent);content:"//";font-size:1.5rem;font-weight:400;opacity:.7}.section h2:after{background:var(--accent);border-radius:2px;bottom:-8px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:40px}.section:hover h2:after{width:80px}#sobre{display:flex;flex-direction:column;min-height:50vh}.about-content p{color:var(--text-secondary);font-size:1.05rem;font-weight:400;line-height:1.8;margin-bottom:1.5rem;max-width:100%}.about-content p:last-child{margin-bottom:0}.about-content a,.about-content strong{color:var(--accent);font-weight:500}.about-content a{position:relative;text-decoration:none;transition:var(--transition)}.about-content a:after{background:currentColor;bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.about-content a:hover:after{width:100%}#projetos{display:flex;flex-direction:column;min-height:50vh}.projects-grid{grid-gap:1.75rem;display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:2rem}.project-card{background:var(--secondary);border:1px solid var(--border-color);border-radius:var(--radius);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:1.75rem;position:relative;transition:var(--transition)}.project-card:before{background:linear-gradient(90deg,var(--accent),#38bdf8);content:"";height:4px;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.project-card:hover{border-color:var(--accent);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-5px)}.project-card:hover:before{opacity:1}.project-card h3{align-items:center;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:1.25rem;font-weight:600;gap:.5rem;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.project-card h3:before{color:var(--accent);content:"→";left:0;position:absolute;transition:transform .3s ease}.project-badge{animation:pulse 2s infinite;background-color:#f59e0b;border-radius:1rem;color:#1e293b;font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-left:.5rem;padding:.15rem .5rem;text-transform:uppercase}@keyframes pulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.project-card:hover h3:before{transform:translateX(5px)}.project-card p{color:var(--text-secondary);flex-grow:1;font-size:.95rem;line-height:1.7;margin-bottom:1.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:#7dd3fc1a;border:1px solid #7dd3fc33;border-radius:20px;color:var(--accent);font-size:.8rem;font-weight:500;padding:.35rem .9rem;transition:var(--transition)}.project-card:hover .tech-tag{background:#7dd3fc26;border-color:var(--accent)}.project-button{align-items:center;background:#0000;border:1px solid var(--accent);border-radius:6px;color:var(--accent);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;justify-content:center;overflow:hidden;padding:.65rem 1.5rem;position:relative;transition:var(--transition);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1}.project-button:before{background:linear-gradient(135deg,var(--accent),#38bdf8);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.project-button:hover{box-shadow:0 4px 12px #7dd3fc33;color:var(--primary);transform:translateY(-2px)}.project-button:hover:before{opacity:1}.project-button span{align-items:center;display:flex;gap:.5rem;position:relative;z-index:1}.project-button i{transition:transform .3s ease}.project-button:hover i{transform:translateX(3px)}#habilidades{display:flex;flex-direction:column;min-height:50vh}.skills-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1.5rem}.skill-item{background:var(--secondary);border:1px solid var(--border-color);border-radius:var(--radius);margin-bottom:1.75rem;padding:1.5rem;position:relative;transition:var(--transition)}.skill-item:hover{border-color:var(--accent);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-3px)}.skill-info{justify-content:space-between;margin-bottom:1rem}.skill-info,.skill-name{align-items:center;display:flex}.skill-name{color:var(--text-primary);font-size:1rem;font-weight:500;gap:.5rem;letter-spacing:.3px}.skill-name i{color:var(--accent);font-size:1.1rem}.skill-percent{font-feature-settings:"tnum";background:#7dd3fc1a;border:1px solid #7dd3fc33;border-radius:20px;color:var(--accent);font-size:.9rem;font-weight:600;padding:.25rem .75rem}.skill-bar{background:#ffffff08;box-shadow:inset 0 1px 2px #0000001a;height:6px}.skill-bar,.skill-progress{border-radius:3px;overflow:hidden}.skill-progress{background:linear-gradient(90deg,var(--accent),#38bdf8);height:100%;position:relative;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.skill-progress:after{animation:shine 3s infinite;background:linear-gradient(90deg,#fff0,#fff3 50%,#fff0);bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}@keyframes shine{0%{transform:translateX(-100%) skewX(-15deg)}to{transform:translateX(100%) skewX(-15deg)}}#contato{display:flex;flex-direction:column}.contact-form .form-group{margin-bottom:2rem;position:relative}#contato{min-height:50vh;position:relative}.contact-form label{color:var(--text-primary);display:block;font-size:.95rem;font-weight:500;letter-spacing:.3px;margin-bottom:.75rem;transition:var(--transition)}.contact-form .form-group:focus-within label{color:var(--accent)}.contact-form input,.contact-form textarea{-webkit-appearance:none;appearance:none;background:#ffffff05;border:1px solid var(--border-color);border-radius:.5rem;box-shadow:none;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:1rem 1.25rem;transition:var(--transition);width:100%}.contact-form input:focus,.contact-form textarea:focus{background:#7dd3fc05;border-color:var(--accent);box-shadow:0 0 0 2px #7dd3fc33;outline:none}.contact-form textarea{line-height:1.7;min-height:150px;resize:vertical}.submit-btn{align-items:center;background:linear-gradient(135deg,var(--accent),#38bdf8);border:none;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:var(--primary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;justify-content:center;letter-spacing:.05em;overflow:hidden;padding:1rem 2.5rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.submit-btn:before{background:linear-gradient(135deg,#38bdf8,var(--accent));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.submit-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.submit-btn:hover:before{opacity:1}.submit-btn:active{transform:translateY(0)}.submit-btn span{align-items:center;display:flex;gap:.5rem;position:relative;z-index:1}.submit-btn i{transition:transform .3s ease}.submit-btn:hover i{transform:translateX(3px)}.contact-info{background:linear-gradient(135deg,#7dd3fc08,#38bdf80d);border:1px solid var(--border-color);border-radius:var(--radius);margin-top:2rem;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center}.contact-info:before{background:linear-gradient(90deg,var(--accent),#38bdf8);content:"";height:4px;left:0;opacity:.8;position:absolute;top:0;width:100%}.contact-info p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin:0 auto 2rem;max-width:600px;position:relative;z-index:1}.contact-methods{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:2.5rem}.contact-method{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:50px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:var(--text-secondary);display:inline-flex;font-weight:500;gap:.75rem;overflow:hidden;padding:.85rem 1.75rem;position:relative;text-decoration:none;transition:var(--transition);z-index:1}.contact-method:before{background:linear-gradient(135deg,#7dd3fc1a,#38bdf80d);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.contact-method:hover{border-color:var(--accent);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;color:var(--accent);transform:translateY(-3px)}.contact-method:hover:before{opacity:1}.contact-method i{color:var(--accent);font-size:1.25rem;transition:var(--transition)}.contact-method:hover i{transform:scale(1.15)}.contact-method span{position:relative;top:1px}.sr-only{border-width:0}:focus-visible{border-radius:4px;outline:2px solid var(--accent);outline-offset:2px}@media (min-width:1200px){.main-content{padding:2.5rem}.section{padding:2rem}}@media (max-width:1199px){.section-title{font-size:1.75rem}.section-title:before{font-size:1.25rem}.portfolio-container{padding-left:0}.sidebar{border-radius:0}.main-content{margin-left:0;padding:1rem 1.5rem 4rem}.menu-toggle{align-items:center;background:var(--accent);border:none;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:var(--primary);display:flex;height:50px;justify-content:center;left:1.5rem;position:fixed;top:1.5rem;transition:var(--transition);width:50px;z-index:1000}.menu-toggle:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px) scale(1.05)}.sidebar{background:var(--card-bg);border-right:1px solid var(--border-color);height:100vh;left:0;max-width:350px;overflow-y:auto;padding:2rem 1.5rem;position:fixed;top:0;transform:translateX(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:900}.sidebar.open{box-shadow:4px 0 20px #0003;transform:translateX(0)}.main-content{max-width:100%;padding:1rem 0 4rem;width:100%}.section{padding:2rem 1.5rem}.contact-methods{align-items:center;flex-direction:column;gap:1rem}.contact-method{justify-content:center;max-width:300px;width:100%}}@media (max-width:767px){.portfolio-container{padding:0 1rem}.main-content{padding:1rem 0 3rem}.section{border-radius:.5rem;padding:1.75rem 1.25rem}.section h2{font-size:1.5rem;margin-bottom:1.5rem}.profile{padding:2rem 1.25rem}.profile-img{font-size:2.5rem;height:120px;width:120px}.contact-info{margin-top:3rem;padding:2rem 1.25rem}.contact-info p{font-size:1rem;margin-bottom:1.5rem}.contact-method{font-size:.95rem;padding:.75rem 1.25rem}.submit-btn{padding:1rem;width:100%}.projects-grid,.skills-container{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.menu-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:800}.menu-overlay.visible{opacity:1;visibility:visible}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.back-to-top{align-items:center;background:var(--accent);border:none;border-radius:50%;bottom:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:var(--primary);cursor:pointer;display:flex;font-size:1.25rem;height:50px;justify-content:center;opacity:0;position:fixed;right:2rem;transform:translateY(20px);transition:all .3s ease;visibility:hidden;width:50px;z-index:100}.back-to-top.visible{opacity:1;transform:translateY(0);visibility:visible}.back-to-top:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-3px)}.back-to-top:active{transform:translateY(0)}@media (prefers-color-scheme:light){:root{--primary:#f8fafc;--secondary:#f1f5f9;--accent:#0ea5e9;--accent-hover:#0284c7;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--card-bg:#fff;--border-color:#e2e8f0;--shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.contact-form input,.contact-form textarea,.contact-info,.nav,.profile,.project-card,.section,.skill-item,.social-links{box-shadow:0 1px 3px 0 #0000000d,0 1px 2px 0 #00000008}}.studio-navbar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0f172acc;border-bottom:1px solid #6366f11a;left:0;padding:1.5rem 0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.studio-navbar.scrolled{background:#0f172af2;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1rem 0}.studio-navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.navbar-studio-logo{height:28px;margin-right:9px;vertical-align:middle;width:auto}.studio-logo{align-items:center;color:#f8fafc;display:flex;font-size:1.5rem;font-weight:700;text-decoration:none;transition:all .3s ease}.studio-logo:hover{transform:translateY(-2px)}.studio-logo-icon{color:#818cf8;font-size:1.75rem;margin-right:.75rem}.studio-desktop-nav ul{display:flex;list-style:none;margin:0;padding:0}.studio-desktop-nav li{margin:0 1rem;position:relative}.studio-desktop-nav a{color:#e2e8f0;font-size:1rem;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:color .3s ease}.studio-desktop-nav a:after{background:linear-gradient(90deg,#818cf8,#4f46e5);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.studio-desktop-nav a:hover{color:#818cf8}.studio-desktop-nav a:hover:after{width:100%}.studio-nav-actions{align-items:center;display:flex;gap:1rem}.studio-social-icon{font-size:1.25rem}.studio-social-icon:hover{transform:translateY(-2px)}.studio-contact-button{align-items:center;background:linear-gradient(90deg,#4f46e5,#7c3aed);border:none;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;padding:.5rem 1.25rem;text-decoration:none;transition:all .3s ease}.studio-contact-button:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.studio-mobile-menu-button{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:20px;justify-content:space-between;padding:0;width:28px;z-index:1001}.studio-mobile-menu-button span{background-color:#e2e8f0;border-radius:2px;display:block;height:2px;transition:all .3s ease;width:100%}.studio-mobile-menu-button.open span:first-child{transform:translateY(9px) rotate(45deg)}.studio-mobile-menu-button.open span:nth-child(2){opacity:0}.studio-mobile-menu-button.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.studio-mobile-menu{background:#0f172a;box-shadow:-5px 0 15px #0000001a;height:100vh;max-width:300px;padding:6rem 2rem 2rem;position:fixed;right:-100%;top:0;transition:right .4s ease;width:80%;z-index:1000}.studio-mobile-menu.open{right:0}.studio-mobile-menu nav{display:flex;flex-direction:column;height:100%}.studio-mobile-menu ul{list-style:none;margin:0;padding:0}.studio-mobile-menu li{margin-bottom:1.5rem}.studio-mobile-menu a{color:#e2e8f0;font-size:1.1rem;font-weight:500;text-decoration:none;transition:color .3s ease}.studio-mobile-menu a:hover{color:#818cf8}.studio-mobile-social{display:flex;gap:1.5rem;justify-content:center;margin-top:auto;padding-top:2rem}.studio-mobile-social a{color:#94a3b8;font-size:1.5rem;transition:all .3s ease}.studio-mobile-social a:hover{color:#818cf8;transform:translateY(-2px)}@media (max-width:992px){.studio-desktop-nav{display:none}.studio-mobile-menu-button{display:flex}.studio-nav-actions{display:none}}.studio-mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:999}.studio-mobile-menu-overlay.open{opacity:1;pointer-events:auto}.studio-hero-particles{overflow:hidden;pointer-events:none}.particle{animation:floatParticle 15s ease-in-out infinite;background:linear-gradient(135deg,#818cf8,#4f46e5);filter:blur(1px);will-change:transform,opacity}.particle:after{animation:particleGlow 2s infinite alternate;background:#fff3;border-radius:50%;bottom:0;content:"";filter:blur(5px);left:0;opacity:0;position:absolute;right:0;top:0;transform:scale(1.5)}@keyframes particleGlow{to{opacity:.4;transform:scale(2)}}.studio-container{background-color:#0f172a;color:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;min-height:100vh;min-width:100%;overflow-x:hidden;position:relative;scroll-behavior:smooth}.h1-studio{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#60a5fa,#818cf8);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.h1-studio .studio-text-gradient{-webkit-text-fill-color:#f8fafc;color:#f8fafc}.h2-studio{font-size:2.5rem;margin-bottom:1.5rem;text-align:center}.h2-studio,.h3-studio{color:#f8fafc;font-weight:700;line-height:1.2}.h3-studio{font-size:1.5rem;margin-bottom:1rem}.p-studio{color:#cbd5e1;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.studio-tagline{line-height:1.6;padding:0 1rem;text-align:center}.studio-hero{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;isolation:isolate;justify-content:center;min-height:95vh;overflow:hidden;padding:6rem 2rem;position:relative;text-align:center}.studio-particles{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.studio-hero:before{animation:gradientPulse 15s ease infinite alternate;background:radial-gradient(circle at 20% 30%,#6366f126 0,#0000 25%),radial-gradient(circle at 80% 70%,#60a5fa26 0,#0000 25%),radial-gradient(circle at 50% 100%,#818cf81a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}@keyframes gradientPulse{0%{background-position:0 50%;opacity:.7}50%{background-position:100% 50%;opacity:1}to{background-position:0 50%;opacity:.7}}.studio-hero-content{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f172ab3;border:1px solid #6366f126;border-radius:20px;box-shadow:0 8px 32px 0 #0000004d;margin:0 2rem;min-width:1200px;overflow:hidden;padding:4rem 3rem;position:relative;z-index:1}.studio-hero-content:before{animation:borderGrow 1.5s ease-out forwards;background:linear-gradient(90deg,#4f46e5,#7c3aed);content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes borderGrow{0%{width:0}to{width:100%}}.studio-hero-badge{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#6366f126;border:1px solid #6366f133;border-radius:50px;display:block;margin:.5rem auto 1.5rem;max-width:-webkit-max-content;max-width:max-content;padding:.6rem 1.5rem;text-align:center;transition:all .3s ease;width:100%}.studio-hero-badge:hover{background:#6366f140;transform:translateY(-1px)}.studio-badge-text{align-items:center;color:#a5b4fc;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;letter-spacing:.5px;text-shadow:0 1px 2px #0000001a}.studio-hero-features{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:2.5rem 0 3rem}.studio-feature{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#6366f11a;border:1px solid #6366f126;border-radius:50px;display:flex;gap:.5rem;padding:.6rem 1.2rem;transition:all .3s ease}.studio-feature-text{color:#e2e8f0;font-size:.95rem;font-weight:500}.studio-feature:hover{background:#6366f133;transform:translateY(-2px)}.studio-feature-icon{color:#818cf8;font-size:1rem}.studio-feature span{color:#e2e8f0;font-size:.9rem;font-weight:500}.studio-scroll-indicator{align-items:center;color:#94a3b8;cursor:pointer;display:flex;flex-direction:column;font-size:.9rem;gap:.5rem;margin-top:3rem;transition:all .3s ease}.studio-scroll-icon{animation:bounce 2s infinite;font-size:1.5rem}.studio-scroll-text{font-size:.9rem;font-weight:500;letter-spacing:.5px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.studio-scroll-indicator:hover{color:#818cf8}@media (max-width:1200px){.studio-hero-content{max-width:1000px;min-width:auto;width:100%}}@media (max-width:992px){.h1-studio{font-size:3rem}.studio-tagline{font-size:1.3rem}.studio-hero-features{flex-wrap:wrap;justify-content:center}.studio-feature{margin-bottom:.5rem}}@media (max-width:768px){.studio-hero-content{margin:0 1rem;padding:3rem 1.5rem}.h1-studio{font-size:2.5rem}.studio-tagline{font-size:1.2rem}.studio-hero-features{gap:1rem}.studio-feature{padding:.5rem 1rem}.studio-feature span{font-size:.8rem}}.studio-hero-particles{height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%;z-index:-1}.particle{animation:floatParticle 15s linear infinite;background:#6366f1cc;border-radius:50%;pointer-events:none;position:absolute}@keyframes floatParticle{0%,to{opacity:0;transform:translateY(0) translateX(0) scale(1)}25%{opacity:.5}50%{opacity:.8;transform:translateY(-100px) translateX(20px) scale(1.2)}75%{opacity:.5}}.studio-tagline{color:#94a3b8;font-size:1.5rem;margin-left:auto;margin-right:auto;margin-top:1.5rem;max-width:600px}.studio-section-header{margin-left:auto;margin-right:auto;max-width:800px;padding:0 1.5rem}.studio-section-subtitle{line-height:1.6;margin-top:1rem}.studio-services{align-items:center;background-color:#0f172a;display:flex;flex-direction:column;justify-content:center;padding:6rem 2rem;position:relative}.studio-section-header{margin-bottom:4rem}.studio-section-header p{color:#94a3b8;margin-left:auto;margin-right:auto;max-width:600px}.studio-services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin:0 auto;max-width:1200px;padding:0 1rem}.studio-service-card{background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border:1px solid #6366f133;border-radius:16px;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:2.5rem 2rem;position:relative;transition:all .3s ease}.studio-service-card:hover{border-color:#6366f166;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-5px)}.studio-service-icon-container{align-items:center;background:linear-gradient(135deg,#6366f11a,#6366f133);border-radius:12px;color:#818cf8;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin-bottom:1.5rem;width:60px}.studio-service-card h3{color:#f8fafc;font-size:1.5rem;margin-bottom:1rem}.studio-service-card p{color:#94a3b8;flex-grow:1;margin-bottom:0}.studio-about-card{background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border:1px solid #6366f133;border-radius:16px;box-shadow:0 10px 30px #0003;margin:0 auto;max-width:1000px;overflow:hidden;padding:2.5rem;position:relative;width:100%}.studio-about-card:before{background:linear-gradient(90deg,#4f46e5,#7c3aed);content:"";height:4px;left:0;position:absolute;right:0;top:0}.studio-about-card-content{position:relative;z-index:1}.studio-about-title{align-items:center;color:#f8fafc;display:flex;font-size:2.2rem;gap:.75rem;margin-bottom:1.5rem}.studio-about-icon{font-size:1.8rem;line-height:1;margin-right:.5rem}.studio-about-text{color:#e2e8f0;font-size:1.1rem;line-height:1.8}.studio-about-text p{margin-bottom:1.5rem}.studio-about-divider{background:linear-gradient(90deg,#0000,#6366f166,#0000);height:1px;margin:1.5rem 0}.studio-about-mission{border-left:3px solid #4f46e5;font-style:italic;padding-left:1.5rem;position:relative}.highlight{background:linear-gradient(120deg,#4f46e533,#7c3aed33);border-radius:4px;color:#c7d2fe;font-weight:500;padding:.2rem .5rem}.studio-about{align-items:center;background-color:#0f172a;color:#f8fafc;display:flex;flex-direction:column;justify-content:center;padding:6rem 2rem;position:relative}.studio-about-content{display:flex;flex-direction:column;gap:4rem;margin:0 auto;max-width:1200px}.studio-about-section{margin-bottom:3rem}.studio-differences{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.studio-difference{background:#0f172ab3;border:1px solid #6366f126;border-radius:12px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.studio-difference:hover{box-shadow:0 10px 20px #0003;transform:translateY(-5px)}.studio-difference-icon{display:inline-block;margin-bottom:1rem}.studio-team{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.studio-team-member{align-items:center;background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border:1px solid #6366f133;border-radius:16px;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center;transition:all .3s ease}.studio-team-member:hover{box-shadow:0 10px 20px #0003;transform:translateY(-5px)}.studio-member-photo{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:120px;justify-content:center;margin:0 auto 1.5rem;width:120px}.studio-member-role{color:#94a3b8;font-size:.9rem;margin:.5rem 0 1rem}.studio-member-bio{color:#cbd5e1;font-size:.95rem;line-height:1.6}.studio-differences-wrapper{margin:0 auto;max-width:1200px;padding:2rem 0;width:100%}.studio-section-title{align-items:center;color:#f8fafc;display:flex;font-size:2.2rem;gap:1rem;justify-content:center;margin-bottom:1rem}.studio-section-icon{font-size:1.8rem;line-height:1}.studio-section-subtitle{margin:0 auto;max-width:600px}.studio-differences{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.studio-difference{align-items:center;background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border:1px solid #6366f133;border-radius:16px;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center;transition:all .3s ease}.studio-difference:before{background:linear-gradient(90deg,#4f46e5,#7c3aed);content:"";height:4px;left:0;position:absolute;right:0;top:0}.studio-difference-icon-wrapper{align-items:center;background:#4f46e51a;border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:1.5rem;position:relative;width:80px;z-index:1}.studio-difference-icon{font-size:2rem;line-height:1}.studio-difference-title{color:#f8fafc;font-size:1.4rem;margin-bottom:1rem;position:relative;z-index:1}.studio-difference-text{color:#cbd5e1;font-size:1rem;line-height:1.7;margin:0;position:relative;z-index:1}.studio-projects{background-color:#0f172a;overflow:hidden;padding:6rem 0;position:relative}.studio-projects-content{margin:0 auto;max-width:1200px;padding:0 1.5rem}.studio-section-header{margin-bottom:3rem;text-align:center}.studio-section-subtitle{color:#94a3b8;font-size:1.1rem;margin-top:.5rem}.studio-projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:6rem}.studio-project-card{background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border:1px solid #6366f133;border-radius:16px;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.studio-project-image{background-position:50%;background-size:cover;height:200px;overflow:hidden;position:relative}.studio-project-overlay{align-items:center;background:#0f172acc;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.studio-project-card:hover .studio-project-overlay{opacity:1}.studio-project-links{display:flex;gap:1rem}.studio-project-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:50px;justify-content:center;text-decoration:none;transition:all .3s ease;width:50px}.studio-project-link:hover{background:#4f46e5;transform:translateY(-3px)}.studio-project-details{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.studio-project-title{color:#f8fafc;margin-bottom:.75rem}.studio-project-description{color:#cbd5e1;flex-grow:1;margin-bottom:1.25rem}.studio-project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.studio-project-tag{background:#6366f133;border-radius:20px;color:#c7d2fe;font-size:.8rem;font-weight:500;padding:.3rem .8rem}.studio-testimonials-section{margin:6rem 0}.studio-testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.studio-testimonial-card{background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border:1px solid #6366f133;border-radius:16px;display:flex;flex-direction:column;height:100%;padding:2rem;transition:all .3s ease}.studio-testimonial-content{flex-grow:1;margin-bottom:1.5rem;position:relative}.studio-testimonial-quote{color:#4f46e5;font-family:Georgia,serif;font-size:4rem;left:-.5rem;line-height:1;margin-bottom:1rem;opacity:.2;position:absolute;top:-1.5rem}.studio-testimonial-text{color:#cbd5e1;font-style:italic;line-height:1.7;position:relative;z-index:1}.studio-testimonial-author{align-items:center;display:flex;margin-top:auto}.studio-testimonial-avatar{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:50px;justify-content:center;margin-right:1rem;width:50px}.studio-testimonial-info h4{color:#f8fafc;font-size:1.1rem;margin:0 0 .25rem}.studio-testimonial-role{color:#94a3b8;font-size:.9rem;margin:0}.studio-tech-section{margin-top:6rem}.studio-tech-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:3rem}.studio-tech-card{align-items:center;background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border:1px solid #6366f133;border-radius:16px;display:flex;flex-direction:column;padding:2.5rem 2rem;text-align:center;transition:all .3s ease}.studio-tech-icon{align-items:center;background:#4f46e51a;border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.studio-tech-icon-svg{color:#818cf8;font-size:2rem}.studio-tech-title{color:#f8fafc;font-size:1.4rem;margin-bottom:1rem}.studio-tech-description{color:#cbd5e1;line-height:1.7;margin:0}@media (max-width:768px){.studio-about{padding:4rem 1.5rem}.studio-about-content{gap:3rem}.studio-differences,.studio-team{grid-template-columns:1fr}}.studio-cta{background:linear-gradient(135deg,#1e293b,#0f172a);overflow:hidden;padding:6rem 2rem;position:relative;text-align:center}.studio-cta-title{color:#f8fafc;margin-bottom:1.5rem}.studio-cta-text{color:#cbd5e1;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px}.studio-cta-button{align-items:center;background:linear-gradient(90deg,#4f46e5,#7c3aed);border:none;border-radius:50px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:.75rem 2rem;text-decoration:none;transition:all .3s ease}.studio-cta-button:hover{background:linear-gradient(90deg,#4338ca,#6d28d9);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.studio-cta:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.studio-cta-content{margin:0 auto;max-width:800px;position:relative;z-index:1}.studio-cta h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#60a5fa,#818cf8);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:2.5rem;margin-bottom:1.5rem}.studio-cta p{color:#94a3b8;font-size:1.25rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px}@media (max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}.studio-hero{min-height:70vh}.studio-services{padding:4rem 1rem}.studio-services-grid{grid-template-columns:1fr;margin:0 auto;max-width:500px}.studio-cta h2{font-size:2rem}.studio-cta p{font-size:1.1rem}}.studio-footer{border-top:1px solid #6366f11a;color:#cbd5e1;font-size:.95rem;height:1px;left:0;padding:4rem 0 0;position:relative;right:0}.studio-footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;padding-bottom:3rem}.studio-footer-heading{align-items:center;display:inline-flex;gap:10px;line-height:1;margin:0 0 1.5rem;padding:0}.studio-footer-logo{height:28px;vertical-align:middle;width:auto}.studio-footer-heading span{align-items:center;display:inline-flex;gap:4px}.studio-footer-section h3{color:#f8fafc;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.studio-footer-section h4{color:#f8fafc;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.studio-footer-section p{color:#94a3b8;line-height:1.6;margin-bottom:1.5rem}.studio-social-links{display:flex;gap:1rem;margin-top:1.5rem}.studio-social-icon{color:#94a3b8;font-size:1.5rem;transition:all .3s ease}.studio-social-icon:hover{color:#818cf8;transform:translateY(-3px)}.footer-section ul{list-style:none;margin:0;padding:0}.studio-footer-section ul li{margin-bottom:.75rem}.studio-footer-section ul li a{color:#94a3b8;display:inline-block;text-decoration:none;transition:all .3s ease}.studio-footer-section ul li a:hover{color:#818cf8;transform:translateX(5px)}.studio-contact-icon{color:#818cf8;margin-right:.75rem;text-align:center;width:1rem}.studio-footer-bottom{border-top:1px solid #6366f11a;color:#64748b;font-size:.9rem;padding:1.5rem 0;text-align:center}@media (max-width:768px){.studio-footer-content{gap:2rem;grid-template-columns:1fr}.studio-footer-section{text-align:center}.studio-social-links{justify-content:center}.studio-footer-section ul{align-items:center;display:flex;flex-direction:column}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#60a5fa,#818cf8);-webkit-background-clip:text;background-clip:text}
/*# sourceMappingURL=main.018eee45.css.map*/