@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap);#expertise{align-items:center;background:linear-gradient(180deg,#fafafa,#f5f5f5 50%,#fafafa);display:flex;justify-content:center;min-height:100vh!important;overflow:hidden;position:relative}#expertise .app__flex{align-items:center!important;justify-content:center!important}.app__about{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:100vh;padding:4rem 0}.app__about,.expertise{position:relative;width:100%}.expertise{margin:0 auto;max-width:1200px;padding:0 2rem;z-index:1}@media screen and (max-width:768px){.expertise{padding:0 1.5rem}}.expertise__header{margin-bottom:4rem;position:relative;text-align:center}@media screen and (max-width:768px){.expertise__header{margin-bottom:3rem}}.expertise__label{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:9999px;color:#10b981;display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.15em;margin-bottom:1rem;padding:.5rem 1.25rem;text-transform:uppercase}.expertise__title{color:var(--black-color);font-family:"Outfit",var(--font-display),sans-serif;font-size:4rem;font-weight:900;letter-spacing:-.03em;line-height:1.1;margin:0 0 1.25rem}.expertise__title .gradient-text{-webkit-text-fill-color:transparent;animation:gradientShift 4s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#06b6d4 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;background-size:200% 200%}@media screen and (max-width:768px){.expertise__title{font-size:2.75rem}}@media screen and (max-width:450px){.expertise__title{font-size:2.25rem}}.expertise__subtitle{color:var(--gray-color);font-size:1.25rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:600px}@media screen and (max-width:768px){.expertise__subtitle{font-size:1.1rem}}.expertise__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);width:100%}@media screen and (max-width:1024px){.expertise__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:640px){.expertise__grid{gap:1.25rem;grid-template-columns:1fr}}.expertise__card{background:#fff;border-radius:24px;box-shadow:0 4px 20px rgba(0,0,0,.03),0 1px 3px rgba(0,0,0,.02);cursor:pointer;display:flex;flex-direction:column;min-height:280px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.expertise__card:hover{box-shadow:0 24px 48px rgba(16,185,129,.12),0 8px 24px rgba(0,0,0,.06)}@media screen and (min-width:1024px){.expertise__card--featured{grid-column:span 2;min-height:320px}.expertise__card--featured .expertise__card-content{flex-direction:row;gap:2rem}.expertise__card--featured .expertise__card-icon{font-size:2.5rem;height:80px;width:80px}.expertise__card--featured .expertise__card-text{flex:1 1}.expertise__card--featured .expertise__card-title{font-size:1.75rem}.expertise__card--featured .expertise__card-description{font-size:1.1rem}}.expertise__card.active .expertise__card-border,.expertise__card.active .expertise__card-glow{opacity:1}@media screen and (max-width:640px){.expertise__card{min-height:240px}}.expertise__card-border{background:linear-gradient(135deg,#10b981,#06b6d4 50%,#8b5cf6);border-radius:24px;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;pointer-events:none;position:absolute;transition:opacity .4s ease}.expertise__card-content{display:flex;flex-direction:column;gap:1.25rem;height:100%;padding:2rem;position:relative;z-index:1}@media screen and (max-width:640px){.expertise__card-content{padding:1.5rem}}.expertise__card-icon{align-items:center;background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(6,182,212,.1));border-radius:16px;color:#10b981;display:flex;flex-shrink:0;font-size:1.75rem;height:56px;justify-content:center;transition:all .3s ease;width:56px}.expertise__card:hover .expertise__card-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 20px rgba(16,185,129,.3);color:#fff}.expertise__card-image{border-radius:12px;height:60px;opacity:.15;overflow:hidden;position:absolute;right:1.5rem;top:1.5rem;transition:all .4s ease;width:60px}.expertise__card-image img{filter:grayscale(100%);height:100%;object-fit:contain;width:100%}.expertise__card:hover .expertise__card-image{opacity:.25;transform:scale(1.1)}.expertise__card-text{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.expertise__card-title{color:var(--black-color);font-family:"Outfit",var(--font-display),sans-serif;font-size:1.35rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0;transition:color .3s ease}.expertise__card:hover .expertise__card-title{color:#10b981}.expertise__card-description{color:var(--gray-color);flex:1 1;font-size:.95rem;line-height:1.7;margin:0}.expertise__card-number{bottom:1.5rem;color:rgba(0,0,0,.03);font-family:"Outfit",var(--font-display),sans-serif;font-size:3rem;font-weight:900;line-height:1;pointer-events:none;position:absolute;right:1.5rem;transition:all .4s ease}.expertise__card:hover .expertise__card-number{color:rgba(16,185,129,.1);transform:scale(1.1)}.expertise__card-glow{background:radial-gradient(circle at center,rgba(16,185,129,.08) 0,transparent 50%);height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .4s ease;width:200%}.expertise__accent-line{background:linear-gradient(90deg,#10b981,#06b6d4,#10b981);border-radius:2px;height:4px;margin:4rem auto 0;transform-origin:center;width:120px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.app__navbar{align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(30,41,59,.95));border-bottom:1px solid rgba(16,185,129,.2);box-shadow:0 4px 30px rgba(0,0,0,.3),0 0 40px rgba(16,185,129,.1);display:flex;height:70px;justify-content:space-between;padding:.75rem 3rem;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.app__navbar:after{background:linear-gradient(90deg,transparent,#10b981 20%,#06b6d4 50%,#10b981 80%,transparent);bottom:0;content:"";height:2px;left:0;opacity:.6;position:absolute;right:0}@media screen and (max-width:768px){.app__navbar{height:65px;padding:.75rem 1.5rem}}.app__navbar-logo{align-items:center;display:flex;font-family:JetBrains Mono,Fira Code,monospace;font-size:1.5rem;height:auto;justify-content:flex-start;position:relative}.app__navbar-logo img{object-fit:fill;width:350px}@media screen and (min-width:2000px){.app__navbar-logo img{height:40px;width:180px}}.app__navbar-links{align-items:center;display:flex;flex:0 1;gap:.25rem;justify-content:flex-end;list-style:none}.app__navbar-links li{cursor:pointer;flex-direction:column;margin:0;position:relative}.app__navbar-links li div{display:none}.app__navbar-links li a{border-radius:10px;color:hsla(0,0%,100%,.7);flex-direction:column;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;font-weight:500;letter-spacing:.02em;overflow:hidden;padding:.6rem 1.25rem;position:relative;text-decoration:none;text-transform:capitalize;transition:all .3s cubic-bezier(.4,0,.2,1)}.app__navbar-links li a:before{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(6,182,212,.15))}.app__navbar-links li a:after,.app__navbar-links li a:before{border-radius:10px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.app__navbar-links li a:after{background:linear-gradient(135deg,#10b981,#06b6d4,#8b5cf6);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px}.app__navbar-links li a:hover{color:#fff}.app__navbar-links li a:hover:after,.app__navbar-links li a:hover:before{opacity:1}@media screen and (max-width:900px){.app__navbar-links{display:none}}.app__navbar-menu{align-items:center;background:transparent;border-radius:12px;cursor:pointer;display:flex;height:44px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px;z-index:100}.app__navbar-menu:before{background:linear-gradient(135deg,#10b981,#06b6d4,#8b5cf6);border-radius:12px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;position:absolute;right:0;top:0}.app__navbar-menu:after{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:10px;bottom:2px;content:"";left:2px;position:absolute;right:2px;top:2px;transition:all .3s ease;z-index:0}.app__navbar-menu:hover{box-shadow:0 0 20px rgba(16,185,129,.4);transform:scale(1.05)}.app__navbar-menu:hover:after{background:linear-gradient(135deg,#10b981,#06b6d4)}.app__navbar-menu>svg{color:var(--white-color);height:22px;position:relative;width:22px;z-index:1}@media screen and (min-width:900px){.app__navbar-menu{display:none}}.app__navbar-backdrop{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:rgba(0,0,0,.6);bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw;z-index:999}.app__navbar-sidebar{-webkit-overflow-scrolling:touch;align-items:flex-start;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(30,41,59,.98));border-left:1px solid rgba(16,185,129,.3);box-shadow:-4px 0 40px rgba(0,0,0,.5);display:flex;flex-direction:column;height:100vh;height:100dvh;justify-content:flex-start;max-width:400px;min-width:280px;overflow-x:hidden;overflow-y:auto;padding:2rem;position:fixed;right:0;top:0;width:85%;z-index:1000}.app__navbar-sidebar .app__navbar-close{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;align-self:flex-end;background:transparent;border:none;border-radius:8px;cursor:pointer;display:flex;height:44px;justify-content:center;margin:0 0 2rem;padding:0;transition:all .3s ease;width:44px}.app__navbar-sidebar .app__navbar-close svg{color:hsla(0,0%,100%,.8);height:28px;transition:all .3s ease;width:28px}.app__navbar-sidebar .app__navbar-close:active,.app__navbar-sidebar .app__navbar-close:hover{background:rgba(16,185,129,.1)}.app__navbar-sidebar .app__navbar-close:active svg,.app__navbar-sidebar .app__navbar-close:hover svg{color:#10b981;transform:rotate(90deg)}.app__navbar-sidebar ul{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:.5rem;justify-content:flex-start;list-style:none;margin:0;padding:0;width:100%}.app__navbar-sidebar ul li{margin:0;width:100%}.app__navbar-sidebar ul li a{-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:12px;color:hsla(0,0%,100%,.7);display:block;font-family:JetBrains Mono,Fira Code,monospace;font-size:1.1rem;font-weight:500;min-height:48px;padding:1rem 1.5rem;position:relative;text-decoration:none;text-transform:capitalize;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.app__navbar-sidebar ul li a:before{color:#10b981;content:"< ";opacity:0;transition:opacity .3s ease}.app__navbar-sidebar ul li a:after{color:#10b981;content:" />";opacity:0;transition:opacity .3s ease}.app__navbar-sidebar ul li a:active,.app__navbar-sidebar ul li a:focus,.app__navbar-sidebar ul li a:hover{background:rgba(16,185,129,.15);color:#fff;outline:none;transform:translateX(8px)}.app__navbar-sidebar ul li a:active:after,.app__navbar-sidebar ul li a:active:before,.app__navbar-sidebar ul li a:focus:after,.app__navbar-sidebar ul li a:focus:before,.app__navbar-sidebar ul li a:hover:after,.app__navbar-sidebar ul li a:hover:before{opacity:1}@media screen and (max-height:600px){.app__navbar-sidebar{padding:1.5rem}.app__navbar-sidebar ul{gap:.25rem}.app__navbar-sidebar ul li a{font-size:1rem;padding:.875rem 1.25rem}}.app__navbar-home{position:relative;text-decoration:none;transition:all .3s ease;z-index:1}.app__navbar-home:hover .title-first,.app__navbar-home:hover .title-last{filter:brightness(1.2)}.app__title{align-items:center;display:inline-flex;font-family:JetBrains Mono,Fira Code,monospace;font-size:1.4rem;font-weight:700;letter-spacing:.05em;perspective:1000px;position:relative;transition:all .3s ease}.app__title .title-first,.app__title .title-last{-webkit-text-fill-color:transparent;animation:shimmerNav 3s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#06b6d4 50%,#10b981);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;display:inline-block;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.4,0,.2,1)}.app__title .title-last{margin-left:.4rem}@keyframes shimmerNav{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.app__title:hover .title-first,.app__title:hover .title-last{filter:brightness(1.2);transform:translateY(-2px)}@media screen and (max-width:900px){.app__title{font-size:1.2rem}}#contact{align-items:center;background:#fafafa;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}#contact .app__flex{align-items:center!important;justify-content:center!important}#contact .app__wrapper{padding-bottom:0;padding-top:0}.app__footer{align-items:center;display:flex;flex:1 1;justify-content:center;width:100%}.contact-particles{height:100%;left:0;opacity:.6;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.contact-container{margin:0 auto;max-width:1200px;padding:4rem 2rem;position:relative;width:100%;z-index:1}@media screen and (max-width:768px){.contact-container{padding:3rem 1.5rem}}.contact-content{align-items:center;display:flex;flex-direction:column;position:relative;z-index:2}.contact-title{color:var(--black-color);font-family:Outfit,DM Sans,sans-serif;font-size:3.5rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0 0 3rem;text-align:center}.contact-title span{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#10b981,#06b6d4);-webkit-background-clip:text;background-clip:text}@media screen and (max-width:768px){.contact-title{font-size:2.5rem;margin-bottom:2rem}}.contact-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;max-width:550px;padding:3rem 2.5rem 2.5rem;position:relative;transition:all .3s ease;width:100%}.contact-card:hover{border-color:#10b981;box-shadow:0 20px 40px rgba(16,185,129,.1)}@media screen and (max-width:768px){.contact-card{max-width:100%;padding:2.5rem 1.75rem 2rem}}.contact-icon{align-items:center;background:linear-gradient(135deg,#10b981,#06b6d4);border:3px solid #fff;border-radius:50%;box-shadow:0 8px 24px rgba(16,185,129,.35);color:#fff;display:flex;font-size:1.75rem;height:56px;justify-content:center;left:50%;position:absolute;top:-28px;transform:translateX(-50%);width:56px}@media screen and (max-width:768px){.contact-icon{font-size:1.5rem;height:48px;top:-24px;width:48px}}.contact-form{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.contact-input-group{width:100%}.contact-input{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;color:var(--black-color);font-family:Outfit,sans-serif;font-size:1rem;outline:none;padding:.875rem 1.25rem;transition:all .2s ease;width:100%}.contact-input:-ms-input-placeholder{color:#9ca3af}.contact-input::placeholder{color:#9ca3af}.contact-input:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.1)}.contact-input:hover:not(:focus){border-color:#d1d5db}.contact-textarea{line-height:1.6;min-height:120px;padding-bottom:.875rem;padding-top:.875rem;resize:vertical}.contact-button{align-items:center;background:linear-gradient(135deg,#10b981,#06b6d4);border:none;border-radius:12px;box-shadow:0 4px 12px rgba(16,185,129,.3);color:#fff;cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;outline:none;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease;width:100%}.contact-button:hover:not(:disabled){box-shadow:0 8px 20px rgba(16,185,129,.4);transform:translateY(-2px)}.contact-button:hover:not(:disabled) .contact-button-arrow{transform:translateX(4px)}.contact-button:active:not(:disabled){transform:translateY(0)}.contact-button:disabled{cursor:not-allowed;opacity:.7}.contact-button-content{position:relative;z-index:1}.contact-button-arrow{font-size:1.25rem;transition:transform .3s ease}.contact-success{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:24px;display:flex;flex-direction:column;gap:1.25rem;max-width:550px;padding:4rem 2rem;text-align:center;width:100%}@media screen and (max-width:768px){.contact-success{padding:3rem 1.5rem}}.contact-success-icon{align-items:center;color:#10b981;display:flex;font-size:4rem;justify-content:center}.contact-success-title{color:var(--black-color);font-family:Outfit,sans-serif;font-size:2rem;font-weight:700;margin:0}.contact-success-message{color:var(--gray-color);font-family:Outfit,sans-serif;font-size:1.05rem;line-height:1.6;margin:0}#home{align-items:center;animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#fafafa,#f0fdf4 25%,#fafafa 50%,#ecfdf5 75%,#fafafa);background-size:400% 400%;display:flex;min-height:100vh;overflow:hidden;position:relative}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}#home .app__wrapper{padding:6rem 2rem 1rem}#home .app__wrapper .copyright{display:none}@media screen and (max-width:768px){#home .app__wrapper{padding:5rem 1.5rem 1rem}}.neural-canvas{height:100vh;opacity:.7;position:fixed;width:100vw;z-index:-1}.floating-icons,.neural-canvas{left:0;pointer-events:none;top:0}.floating-icons{height:100%;overflow:hidden;position:absolute;width:100%;z-index:0}.float-icon{filter:grayscale(30%);height:60px;opacity:.15;position:absolute;width:60px}.float-icon img{height:100%;object-fit:contain;width:100%}.float-icon.icon-1{left:8%;top:15%}.float-icon.icon-2{right:10%;top:25%}.float-icon.icon-3{bottom:30%;left:5%}.float-icon.icon-4{bottom:20%;right:8%}@media screen and (max-width:768px){.float-icon{height:40px;opacity:.1;width:40px}}.app__header{align-items:center;display:flex;flex:1 1;flex-direction:column;height:auto;justify-content:center;min-height:auto;padding:1rem 0;position:relative;width:100%;z-index:2}@media screen and (min-width:2000px){.app__header{padding:1.5rem 0 3.5rem}}@media screen and (max-width:1200px){.app__header{flex-direction:column;padding:1rem 0 2.5rem}}@media screen and (max-width:768px){.app__header{padding:.5rem 0 1rem}}.app__header-info{align-items:center;display:flex;flex:1 1;flex-direction:column;height:auto;justify-content:center;margin:0 auto;max-width:1200px;padding:1rem;position:relative;width:100%;z-index:2}@media screen and (max-width:1200px){.app__header-info{margin:0;padding:1rem 1rem 2rem;width:100%}}@media screen and (max-width:768px){.app__header-info{padding:.75rem .75rem 1rem}}.greeting-container{margin-bottom:.5rem}.hi-text{color:var(--black-color);display:block;font-family:JetBrains Mono,Fira Code,monospace;font-size:1.5rem;font-weight:500;letter-spacing:.05em;margin-bottom:.25rem}@media screen and (max-width:768px){.hi-text{font-size:1.25rem}}.name-gradient{-webkit-text-fill-color:transparent;animation:shimmer 3s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#06b6d4 25%,#8b5cf6 50%,#06b6d4 75%,#10b981);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-family:Outfit,DM Sans,sans-serif;font-size:4.5rem;font-weight:900;letter-spacing:-.03em;line-height:1.1;position:relative}.name-gradient:after{animation:underlineGrow 1s ease-out .5s forwards;background:linear-gradient(90deg,#10b981,#06b6d4,#10b981);border-radius:2px;bottom:-4px;content:"";height:4px;left:0;position:absolute;transform:scaleX(0);width:100%}@keyframes shimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes underlineGrow{to{transform:scaleX(1)}}@media screen and (max-width:768px){.name-gradient{font-size:3rem}}@media screen and (max-width:450px){.name-gradient{font-size:2.5rem}}.role-container{margin-bottom:1.5rem;min-height:40px}.role-wrapper{align-items:center;display:flex;font-family:JetBrains Mono,Fira Code,monospace;font-size:1.25rem;gap:.5rem}@media screen and (max-width:768px){.role-wrapper{flex-wrap:wrap;font-size:1rem;justify-content:flex-start}}.role-prefix,.role-suffix{color:#10b981;font-weight:600;opacity:.7}.role-title{align-items:center;display:inline-flex;font-weight:700}.role-title .Typewriter{display:inline}.role-title .Typewriter__wrapper{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#06b6d4,#8b5cf6);-webkit-background-clip:text;background-clip:text}.role-title .Typewriter__cursor{animation:blink 1s ease-in-out infinite;color:#10b981;font-weight:400;margin-left:2px}.p-job{color:var(--black-color);font-size:1.15rem;font-weight:500;line-height:1.6;margin-bottom:1.5rem}@media screen and (max-width:768px){.p-job{font-size:1rem}}.p-job-link{border-bottom:2px solid transparent;color:var(--accent-color);font-size:inherit;font-weight:600;position:relative;text-decoration:none;transition:all .3s ease}.p-job-link:after{background:linear-gradient(90deg,#10b981,#06b6d4);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.p-job-link:hover{color:var(--emerald-700)}.p-job-link:hover:after{width:100%}.p-bio{color:var(--black-color);font-size:1.05rem;line-height:1.8}.p-bio:not(.quote-text){background:#fafafa;border-radius:16px;padding:1.5rem}@media screen and (max-width:768px){.p-bio:not(.quote-text){padding:1.25rem}}.quote-text{border-left:3px solid #10b981;color:var(--black-color);font-style:italic;padding-left:1rem;position:relative}.spacing{margin-top:1.5rem}.header-small{align-items:center;background:transparent;border-radius:0;box-shadow:none;display:flex!important;gap:3rem;max-width:1100px;padding:0;position:relative;width:100%}@media screen and (max-width:900px){.header-small{flex-direction:column!important;gap:2rem!important;margin-top:2rem!important}}@media screen and (max-width:600px){.header-small{gap:1.5rem!important}}.app__header-badge{align-items:center;display:flex;justify-content:center;margin-top:0;width:100%}.app__header-badge .badge-cmp,.app__header-badge .tag-cmp{background:transparent;border:none;border-radius:0;padding:0;width:100%}.app__header-badge .tag-cmp{flex-direction:row;margin-top:0;min-width:auto;width:100%}.app__header-badge .tag-cmp p{text-align:left}.app__header-badge .tag-cmp img{aspect-ratio:1;border-radius:14px;height:auto;max-width:320px;object-fit:cover;position:relative;width:100%;z-index:2}@media screen and (max-width:900px){.app__header-badge .tag-cmp img{max-width:280px}}@media screen and (max-width:600px){.app__header-badge .tag-cmp img{max-width:240px}}.app__header-badge .tag-cmp .bio-text{background:transparent;flex:1 1;margin-right:0;padding-right:2rem;z-index:1}@media screen and (max-width:900px){.app__header-badge .tag-cmp .bio-text{padding-right:0}}.app__header-badge span{font-size:2.5rem}@media screen and (min-width:2000px){.app__header-badge span{font-size:5rem}}@media screen and (max-width:1200px){.app__header-badge{align-items:flex-start;justify-content:flex-start}}.app__header-right{align-items:center;display:flex;flex-direction:column;gap:0}.app__header-img{animation:borderGradient 4s ease infinite;background:linear-gradient(135deg,#10b981,#06b6d4,#8b5cf6,#06b6d4,#10b981);background-size:300% 300%;border-radius:20px;display:inline-block;padding:3px;position:relative}.app__header-img .profile-glow{display:none}.app__header-img:before{background:#0f172a;border-radius:17px;bottom:3px;content:"";left:3px;position:absolute;right:3px;top:3px;z-index:1}.app__header-img img{border:3px solid #0f172a;border-radius:14px;display:block;position:relative;z-index:2}.app__header-social-inline{margin-bottom:1.5rem;margin-top:1rem}.app__header-social-inline .app__social{bottom:auto;left:auto;margin:0;padding:0;position:relative}@media screen and (max-width:768px){.app__header-social-inline{margin-bottom:1.25rem;margin-top:.75rem}}.app__header-cta{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:center;margin-top:2rem;max-width:320px;width:100%}@media screen and (max-width:768px){.app__header-cta{flex-direction:column;gap:.75rem;margin-top:1.5rem;max-width:320px;width:100%}}.resume-btn{background:transparent;border:none;border-radius:16px;color:#fff;cursor:pointer;font-family:JetBrains Mono,Fira Code,monospace;font-size:1.1rem;font-weight:700;overflow:hidden;padding:1rem 2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.resume-btn:before{animation:borderGradient 4s ease infinite;background:linear-gradient(135deg,#10b981,#06b6d4,#8b5cf6,#06b6d4,#10b981);background-size:300% 300%;border-radius:16px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;position:absolute;right:0;top:0}.resume-btn .resume-btn-bg{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:14px;bottom:2px;left:2px;position:absolute;right:2px;top:2px;transition:all .4s ease;z-index:0}.resume-btn .resume-btn-content{align-items:center;display:flex;gap:.75rem;justify-content:center;position:relative;width:100%;z-index:1}.resume-btn .download-icon{height:26px;transition:transform .3s ease;width:26px}.resume-btn .btn-particles{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.resume-btn .btn-particles span{background:#10b981;border-radius:50%;height:6px;opacity:0;position:absolute;width:6px}.resume-btn:hover{box-shadow:0 10px 40px rgba(16,185,129,.4),0 0 60px rgba(6,182,212,.2);transform:translateY(-3px)}.resume-btn:hover .resume-btn-bg{background:linear-gradient(135deg,#10b981,#06b6d4)}.resume-btn:hover .download-icon{animation:bounce .6s ease infinite}.resume-btn:hover .btn-particles span{animation:particles .8s ease forwards}.resume-btn:hover .btn-particles span:first-child{animation-delay:0s}.resume-btn:hover .btn-particles span:nth-child(2){animation-delay:.1s}.resume-btn:hover .btn-particles span:nth-child(3){animation-delay:.2s}.resume-btn:active{transform:translateY(-1px)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes particles{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(30px,-30px) scale(0);transform:translate(var(--x,30px),var(--y,-30px)) scale(0)}}.resume-btn .btn-particles span:first-child{--x:-40px;--y:-25px}.resume-btn .btn-particles span:nth-child(2){--x:45px;--y:-35px}.resume-btn .btn-particles span:nth-child(3){--x:30px;--y:20px}@media screen and (max-width:768px){.resume-btn{justify-content:center;padding:1rem 1.5rem;width:100%}}.app__header-circles{align-items:flex-start;display:flex;flex:.75 1;flex-direction:column;height:100%;justify-content:space-evenly;margin-left:1rem}.app__header-circles div{background:var(--white-color);border-radius:50%;box-shadow:0 0 20px rgba(0,0,0,.1);height:100px;width:100px}.app__header-circles div img{height:70%;width:70%}.app__header-circles div:first-child{height:100px;width:100px}.app__header-circles div:nth-child(2){height:150px;margin:1.75rem;width:150px}.app__header-circles div:nth-child(3){height:70px;width:70px}@media screen and (min-width:2000px){.app__header-circles div:first-child{height:500px!important;width:500px!important}.app__header-circles div:nth-child(2){height:400px;width:400px}.app__header-circles div:nth-child(3){height:200px;width:200px}}@media screen and (max-width:1200px){.app__header-circles{flex-direction:row;flex-wrap:wrap;margin-left:0;width:100%}.app__header-circles div{margin:1rem}}.location-cmp{align-items:center;bottom:1rem;display:flex;height:44px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}@media screen and (max-width:768px){.location-cmp{bottom:.75rem;height:40px}}.location-badge{align-items:center;background:var(--gradient-accent);border-radius:12px;box-shadow:0 4px 12px rgba(16,185,129,.3);color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;height:100%;padding:.75rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.location-badge:hover{box-shadow:0 8px 20px rgba(16,185,129,.4);transform:translateY(-2px)}@media screen and (max-width:768px){.location-badge{font-size:.85rem;padding:.6rem 1rem}}.globe-icon{filter:brightness(0) invert(1);height:24px;width:24px}.hover-bubble{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.8);border-radius:12px;bottom:10%;box-shadow:var(--shadow-lg);color:#fff;font-size:.9rem;left:50%;opacity:0;padding:.75rem 1.25rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}#experience{align-items:center;background:#fafafa;display:flex;justify-content:center;min-height:100vh;position:relative;z-index:1}#experience .app__flex{align-items:center!important;justify-content:center!important}.app__skills{align-items:center;display:flex;flex:1 1;justify-content:center;padding:4rem 0;width:100%}.experience{margin:0 auto;max-width:1100px;padding:0 2rem;width:100%}@media screen and (max-width:768px){.experience{padding:0 1.5rem}}.experience__header{margin-bottom:3rem;text-align:center}@media screen and (max-width:768px){.experience__header{margin-bottom:2rem}}.experience__title{color:var(--black-color);font-family:"Outfit",var(--font-display),sans-serif;font-size:3.5rem;font-weight:900;letter-spacing:-.03em;line-height:1.1;margin:0}.experience__title .gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#10b981,#06b6d4);-webkit-background-clip:text;background-clip:text}@media screen and (max-width:768px){.experience__title{font-size:2.5rem}}.experience__content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr}@media screen and (max-width:900px){.experience__content{gap:3rem;grid-template-columns:1fr}}.experience__column{display:flex;flex-direction:column;gap:2rem}.experience__section-header{align-items:center;border-bottom:2px solid #10b981;display:flex;gap:.75rem;margin-bottom:.5rem;padding-bottom:.75rem}.experience__section-header h3{color:var(--black-color);font-family:"Outfit",var(--font-display),sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin:0}.experience__section-icon{color:#10b981;font-size:1.5rem}.experience__timeline{display:flex;flex-direction:column;gap:1.5rem}.experience__job{border-left:2px solid #e5e7eb;padding-left:1.25rem;position:relative;transition:border-color .3s ease}.experience__job:hover{border-left-color:#10b981}.experience__job-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:.25rem}.experience__job-title{color:var(--black-color);font-family:"Outfit",var(--font-display),sans-serif;font-size:1.1rem;font-weight:700;line-height:1.3;margin:0}.experience__job-date{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:9999px;color:#10b981;font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:.3rem .85rem;text-transform:uppercase;white-space:nowrap}.experience__job-company{color:var(--gray-color);font-size:.9rem;font-weight:500;margin:0 0 .5rem}.experience__job-company-link{align-items:center;color:#10b981;display:inline-flex;font-size:.9rem;font-weight:500;gap:.4rem;margin:0 0 .5rem;text-decoration:none;transition:all .2s ease}.experience__job-company-link:hover{color:#06b6d4;text-decoration:underline}.experience__job-company-link:hover .experience__job-company-icon{transform:translate(2px,-2px)}.experience__job-company-icon{color:inherit;flex-shrink:0;font-size:.85rem;transition:transform .2s ease}.experience__job-desc{color:var(--gray-color);font-size:.875rem;line-height:1.6;margin:0}.experience__education,.experience__education-section{display:flex;flex-direction:column}.experience__education{gap:1rem;margin-top:.5rem}.experience__edu-item{border-left:2px solid #e5e7eb;padding-left:1.25rem;position:relative;transition:border-color .3s ease}.experience__edu-item:hover{border-left-color:#10b981}.experience__edu-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:.25rem}.experience__edu-degree{color:var(--black-color);font-family:"Outfit",var(--font-display),sans-serif;font-size:1.05rem;font-weight:700;line-height:1.3;margin:0}.experience__edu-years{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:9999px;color:#10b981;font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:.3rem .85rem;white-space:nowrap}.experience__edu-field{color:var(--black-color);font-size:.9rem;font-weight:500;margin:0 0 .25rem}.experience__edu-school{color:var(--gray-color);font-size:.85rem;margin:0}.experience__edu-desc{color:var(--gray-color);font-size:.8rem;font-style:italic;line-height:1.5;margin:.5rem 0 0}.experience__empty-note{color:var(--gray-color);font-size:.9rem;font-style:italic;margin:0;padding:1rem 0}.experience__skills-section{display:flex;flex-direction:column}.experience__skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.experience__skill-tag{background:transparent;border:1px solid #d1d5db;border-radius:9999px;color:var(--black-color);cursor:default;display:inline-block;font-size:.85rem;font-weight:500;padding:.4rem .9rem;transition:all .2s ease}.experience__skill-tag:hover{background:rgba(16,185,129,.05);border-color:#10b981;color:#10b981}.experience__certs,.experience__certs-section{display:flex;flex-direction:column}.experience__certs{gap:.75rem;margin-top:.5rem}.experience__cert{align-items:center;background:transparent;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:1rem;justify-content:space-between;padding:.875rem 1rem;text-decoration:none;transition:all .2s ease}.experience__cert:hover{background:rgba(16,185,129,.02);border-color:#10b981}.experience__cert:hover .experience__cert-link-icon{color:#10b981;transform:translate(2px,-2px)}.experience__cert-info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.experience__cert-info h5{color:var(--black-color);font-size:.9rem;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.experience__cert-year{color:var(--gray-color);font-size:.75rem}.experience__cert-link-icon{color:var(--gray-color);flex-shrink:0;font-size:1rem;transition:all .2s ease}#testimonial{align-items:center;display:flex;justify-content:center;min-height:100vh!important}#testimonial .app__flex{align-items:center!important;justify-content:center!important}.app__testimonial{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem 0;width:100%}.app__testimonial-item{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.04);display:flex;flex-direction:row;max-width:900px;min-height:280px;overflow:hidden;padding:0;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.app__testimonial-item:before{background:linear-gradient(90deg,#10b981,#34d399 50%,#06b6d4);content:"";height:4px;left:0;position:absolute;right:0;top:0;z-index:1}.app__testimonial-item:hover{box-shadow:0 32px 80px rgba(16,185,129,.12),0 12px 32px rgba(0,0,0,.08);transform:translateY(-8px)}.app__testimonial-item img{flex-shrink:0;height:auto;margin:0;min-height:280px;object-fit:cover;width:200px}@media screen and (min-width:2000px){.app__testimonial-item{max-width:1100px;min-height:360px}.app__testimonial-item img{min-height:360px;width:280px}}@media screen and (max-width:900px){.app__testimonial-item{max-width:100%}}@media screen and (max-width:700px){.app__testimonial-item{flex-direction:column}.app__testimonial-item img{height:240px;min-height:240px;width:100%}}.app__testimonial-content{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;justify-content:center;padding:2.5rem;position:relative;text-align:left}.app__testimonial-content:before{color:rgba(16,185,129,.1);content:'"';font-family:Georgia,serif;font-size:6rem;line-height:1;pointer-events:none;position:absolute;right:2rem;top:1.5rem}.app__testimonial-content p{color:var(--gray-color);font-family:var(--font-base);font-size:1.15rem;font-style:italic;line-height:1.9;margin:0;position:relative;z-index:1}@media screen and (min-width:2000px){.app__testimonial-content p{font-size:1.4rem;line-height:2}}.app__testimonial-content .app__testimonial-author{display:flex;flex-direction:column;gap:.25rem}.app__testimonial-content h4{color:var(--black-color);font-family:"Outfit",var(--font-display),sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin:0}.app__testimonial-content h5{color:#10b981;font-size:.95rem;font-weight:500;margin:0}@media screen and (max-width:700px){.app__testimonial-content{padding:2rem}.app__testimonial-content:before{font-size:4rem;right:1.5rem;top:1rem}}.app__testimonial-btns{flex-direction:row;gap:1rem;margin-top:2rem}.app__testimonial-btns,.app__testimonial-btns div{align-items:center;display:flex;justify-content:center}.app__testimonial-btns div{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.06),0 2px 4px rgba(0,0,0,.02);cursor:pointer;height:56px;margin:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px}.app__testimonial-btns div svg{color:var(--gray-color);height:24px;transition:all .3s ease;width:24px}.app__testimonial-btns div:hover{background:linear-gradient(135deg,#10b981,#059669);border-color:transparent;box-shadow:0 8px 20px rgba(16,185,129,.3),0 4px 8px rgba(0,0,0,.06);transform:translateY(-3px)}.app__testimonial-btns div:hover svg{color:#fff}.app__testimonial-btns div:active{transform:translateY(-1px)}@media screen and (min-width:2000px){.app__testimonial-btns div{border-radius:20px;height:72px;width:72px}.app__testimonial-btns div svg{height:32px;width:32px}}@media screen and (max-width:600px){.app__testimonial-btns div{border-radius:14px;height:48px;width:48px}.app__testimonial-btns div svg{height:20px;width:20px}}.app__testimonial-brands{align-items:center;border-top:1px solid rgba(0,0,0,.06);display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:4rem;max-width:1000px;padding-top:3rem;width:100%}.app__testimonial-brands div{opacity:.6;transition:all .4s cubic-bezier(.4,0,.2,1);width:120px}.app__testimonial-brands div img{filter:grayscale(1);height:auto;object-fit:contain;transition:all .4s ease;width:100%}.app__testimonial-brands div:hover{opacity:1;transform:translateY(-4px) scale(1.05)}.app__testimonial-brands div:hover img{filter:grayscale(0)}@media screen and (min-width:2000px){.app__testimonial-brands div{width:160px}}@media screen and (max-width:450px){.app__testimonial-brands div{width:100px}}@media screen and (max-width:768px){.app__testimonial-brands{gap:1.5rem;margin-top:3rem;padding-top:2rem}}#work{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:6rem 2rem;position:relative;z-index:1}@media screen and (max-width:768px){#work{padding:4rem 1rem}}.app__works{flex:1 1;margin:0 auto;max-width:1200px;width:100%}.work__container{width:100%}.work__header{margin-bottom:3rem;text-align:center}@media screen and (max-width:768px){.work__header{margin-bottom:2rem}}.work__title{color:var(--black-color);font-family:var(--font-display);font-size:3.5rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0 0 .75rem}.work__title span{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#10b981,#06b6d4);-webkit-background-clip:text;background-clip:text}@media screen and (max-width:768px){.work__title{font-size:2.5rem}}.work__subtitle{color:var(--gray-color);font-family:var(--font-display);font-size:1.1rem;font-weight:400;margin:0}@media screen and (max-width:768px){.work__subtitle{font-size:1rem}}.work__filters{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:4rem}@media screen and (max-width:768px){.work__filters{gap:.5rem;margin-bottom:3rem}}.work__filter-btn{background:transparent;border:1px solid transparent;border-radius:100px;color:var(--gray-color);cursor:pointer;font-family:var(--font-display);font-size:.95rem;font-weight:500;padding:.75rem 1.75rem;position:relative;transition:all .25s ease}.work__filter-btn:hover{border-color:#e5e7eb;color:var(--black-color)}.work__filter-btn.active{background:#f0fdf4;border-color:#10b981;color:var(--black-color)}@media screen and (max-width:768px){.work__filter-btn{font-size:.9rem;padding:.6rem 1.25rem}}.work__grid{display:flex;flex-direction:column;gap:0}.work__item{border-top:1px solid #e5e7eb;padding:2.5rem 0;position:relative;transition:all .3s ease}.work__item:last-child{border-bottom:1px solid #e5e7eb}.work__item:hover .work__item-title{color:#10b981}.work__item:hover .work__item-number{color:#10b981;transform:scale(1.05)}.work__item:hover .work__item-actions{opacity:1}.work__item:hover .work__item-arrow{opacity:1;transform:translate(4px,-4px)}.work__item:hover .work__item-line{transform:scaleX(1)}@media screen and (max-width:768px){.work__item{padding:1.5rem 0}}.work__item-number{color:#d1d5db;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700;left:0;position:absolute;top:2.5rem;transition:all .3s ease}@media screen and (max-width:768px){.work__item-number{font-size:.85rem;margin-bottom:1rem;position:static}}.work__item-main{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:280px 1fr;padding-left:4rem}@media screen and (max-width:900px){.work__item-main{gap:2rem;grid-template-columns:220px 1fr;padding-left:3rem}}@media screen and (max-width:768px){.work__item-main{gap:1rem;grid-template-columns:1fr;padding-left:0}}.work__item-image{aspect-ratio:16/10;background:#f5f5f5;border-radius:12px;overflow:hidden;position:relative;width:100%}.work__item-image img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.work__item-image:hover img{transform:scale(1.04)}@media screen and (max-width:768px){.work__item-image{aspect-ratio:16/9}}.work__item-actions{background:linear-gradient(135deg,rgba(16,185,129,.9),rgba(6,182,212,.9));border-radius:12px;gap:1rem;inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.work__action,.work__item-actions{align-items:center;display:flex;justify-content:center}.work__action{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.25);border:1px solid hsla(0,0%,100%,.4);border-radius:50%;color:#fff;height:48px;text-decoration:none;transition:all .2s ease;width:48px}.work__action svg{font-size:1.25rem}.work__action:hover{background:hsla(0,0%,100%,.4);transform:scale(1.1)}.work__item-info{display:flex;flex-direction:column;justify-content:center}.work__item-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.work__item-title{color:var(--black-color);font-family:var(--font-display);font-size:1.6rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0;transition:color .25s ease}@media screen and (max-width:768px){.work__item-title{font-size:1.35rem}}.work__item-arrow{align-items:center;color:#10b981;display:flex;font-size:1.3rem;opacity:.4;transition:all .3s ease}.work__item-description{color:var(--gray-color);font-family:var(--font-display);font-size:1rem;line-height:1.7;margin:0 0 1.25rem;max-width:550px}@media screen and (max-width:768px){.work__item-description{font-size:.95rem;margin-bottom:1rem}}.work__item-tags{display:flex;flex-wrap:wrap;gap:.5rem}.work__tag{background:transparent;color:#10b981;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:500;padding:.35rem 0}.work__tag:before{content:"#";opacity:.6}.work__tag:not(:last-child):after{color:#d1d5db;content:"·";margin-left:.5rem}.work__item-line{background:linear-gradient(90deg,#10b981,#06b6d4);bottom:0;height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.work__empty{border-top:1px solid #e5e7eb;color:var(--gray-color);font-family:var(--font-display);padding:4rem 2rem;text-align:center}.work__empty p{font-size:1.1rem;margin:0}#articles{background:#fafafa;min-height:100vh}#articles,.app__article{align-items:center;display:flex;justify-content:center}.app__article{flex:1 1;padding:4rem 0;width:100%}.articles{margin:0 auto;max-width:900px;padding:0 2rem;width:100%}@media screen and (max-width:768px){.articles{padding:0 1.5rem}}.articles__header{margin-bottom:3rem;text-align:center}@media screen and (max-width:768px){.articles__header{margin-bottom:2rem}}.articles__title{color:var(--black-color);font-family:"Outfit",var(--font-display),sans-serif;font-size:3.5rem;font-weight:900;letter-spacing:-.03em;line-height:1.1;margin:0 0 .75rem}.articles__title .gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#10b981,#06b6d4);-webkit-background-clip:text;background-clip:text}@media screen and (max-width:768px){.articles__title{font-size:2.5rem}}.articles__subtitle{color:var(--gray-color);font-size:1.1rem;margin:0}.articles__container{display:flex;flex-direction:column;gap:1.5rem}.articles__card{grid-gap:0;background:#fff;border:1px solid #e5e7eb;border-radius:20px;display:grid;gap:0;grid-template-columns:320px 1fr;overflow:hidden;transition:all .3s ease}.articles__card:hover{border-color:#10b981}.articles__card:hover .articles__card-image img{transform:scale(1.05)}@media screen and (max-width:768px){.articles__card{grid-template-columns:1fr}}.articles__card-image{height:100%;min-height:280px;overflow:hidden;position:relative}.articles__card-image img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}@media screen and (max-width:768px){.articles__card-image{min-height:200px}}.articles__card-overlay{left:1rem;position:absolute;top:1rem}.articles__card-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.7);border-radius:9999px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.375rem .875rem;text-transform:uppercase}.articles__card-content{display:flex;flex-direction:column;gap:1rem;padding:2rem}@media screen and (max-width:768px){.articles__card-content{padding:1.5rem}}.articles__card-meta{align-items:center;color:var(--gray-color);display:flex;font-size:.85rem;gap:.5rem}.articles__card-platform{color:#10b981;font-weight:600}.articles__card-dot{opacity:.5}.articles__card-count{opacity:.7}.articles__card-title{color:var(--black-color);font-family:"Outfit",var(--font-display),sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0}@media screen and (max-width:768px){.articles__card-title{font-size:1.25rem}}.articles__card-summary{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--gray-color);display:-webkit-box;font-size:.95rem;line-height:1.7;margin:0;overflow:hidden}.articles__card-link{align-items:center;border-top:1px solid #f0f0f0;color:#10b981;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-top:auto;padding-top:1rem;text-decoration:none;transition:all .2s ease}.articles__card-link svg{font-size:1rem;transition:transform .2s ease}.articles__card-link:hover{color:#059669;gap:.75rem}.articles__card-link:hover svg{transform:translate(2px,-2px)}.articles__nav{gap:1.5rem}.articles__nav,.articles__nav-btn{align-items:center;display:flex;justify-content:center}.articles__nav-btn{background:transparent;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;height:44px;transition:all .2s ease;width:44px}.articles__nav-btn svg{color:var(--gray-color);font-size:1.25rem;transition:color .2s ease}.articles__nav-btn:hover{background:rgba(16,185,129,.05);border-color:#10b981}.articles__nav-btn:hover svg{color:#10b981}.articles__dots{align-items:center;display:flex;gap:.5rem}.articles__dot{background:#d1d5db;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:all .2s ease;width:8px}.articles__dot:hover{background:#10b981;transform:scale(1.2)}.articles__dot.active{background:#10b981;border-radius:4px;width:24px}.app__reviews{flex:1 1;flex-direction:column;padding:4rem 2rem;width:100%}@media screen and (max-width:768px){.app__reviews{padding:3rem 1rem}}.app__reviews-header{margin:0 auto 3rem;max-width:800px;text-align:center}.app__reviews-header .section-subtitle{color:var(--gray-color);font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:600;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.app__reviews-header .section-subtitle span{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#10b981,#06b6d4);-webkit-background-clip:text;background-clip:text}@media screen and (max-width:768px){.app__reviews-header .section-subtitle{font-size:.95rem}}.app__reviews-header .head-text{color:var(--black-color);font-family:Outfit,DM Sans,sans-serif;font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;text-transform:none}.app__reviews-header .head-text span{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#10b981,#06b6d4);-webkit-background-clip:text;background-clip:text}@media screen and (max-width:768px){.app__reviews-header .head-text{font-size:2.5rem}}.app__reviews-header .reviews-description{color:var(--gray-color);font-size:1.05rem;line-height:1.8}.app__reviews-header .reviews-description strong{color:#10b981}.app__reviews-capture{align-items:center;display:flex;flex-direction:column;margin-bottom:4rem;position:relative;z-index:10}.review-type-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}@media screen and (max-width:600px){.review-type-buttons{flex-direction:column;gap:1rem;width:100%}}.start-review-btn{background:transparent;border:none;border-radius:16px;color:#fff;cursor:pointer;font-family:JetBrains Mono,Fira Code,monospace;font-size:1.1rem;font-weight:700;overflow:hidden;padding:1rem 2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.start-review-btn:before{animation:borderGradient 4s ease infinite;background:linear-gradient(135deg,#10b981,#06b6d4,#8b5cf6,#06b6d4,#10b981);background-size:300% 300%;border-radius:16px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;position:absolute;right:0;top:0}.start-review-btn .btn-bg{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:14px;bottom:2px;left:2px;position:absolute;right:2px;top:2px;transition:all .4s ease;z-index:0}.start-review-btn .btn-content{align-items:center;display:flex;gap:.75rem;position:relative;z-index:1}.start-review-btn .camera-icon{font-size:1.3rem}.start-review-btn .loading-spinner{animation:spin .8s linear infinite;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#10b981;flex-shrink:0;height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.start-review-btn .loading-stages{align-items:center;display:flex;gap:1rem}.start-review-btn .loading-stages .stage-info{align-items:flex-start;display:flex;flex-direction:column;gap:.2rem}.start-review-btn .loading-stages .stage-info .stage-text{color:#fff;font-size:1rem;font-weight:700}.start-review-btn .loading-stages .stage-info .stage-text.ready{animation:pulse .5s ease-in-out;color:#10b981}.start-review-btn .loading-stages .stage-info .stage-detail{color:hsla(0,0%,100%,.5);font-size:.75rem;font-weight:400}.start-review-btn .ready-icon{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:24px;justify-content:center;width:24px}.start-review-btn:hover:not(:disabled){box-shadow:0 10px 40px rgba(16,185,129,.4),0 0 60px rgba(6,182,212,.2);transform:translateY(-3px)}.start-review-btn:hover:not(:disabled) .btn-bg{background:linear-gradient(135deg,#10b981,#06b6d4)}.start-review-btn:disabled{cursor:not-allowed;opacity:.8}.start-review-btn .btn-icon{font-size:1.3rem}.start-review-btn.public-btn:before{background:linear-gradient(135deg,#10b981,#06b6d4,#10b981)}.start-review-btn.public-btn:hover:not(:disabled){box-shadow:0 10px 40px rgba(16,185,129,.4),0 0 60px rgba(16,185,129,.2)}.start-review-btn.public-btn:hover:not(:disabled) .btn-bg{background:linear-gradient(135deg,#10b981,#06b6d4)}.start-review-btn.private-btn:before{animation:borderGradient 4s ease infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6,#6366f1);background-size:300% 300%}.start-review-btn.private-btn:hover:not(:disabled){box-shadow:0 10px 40px rgba(99,102,241,.4),0 0 60px rgba(139,92,246,.2)}.start-review-btn.private-btn:hover:not(:disabled) .btn-bg{background:linear-gradient(135deg,#6366f1,#8b5cf6)}@keyframes borderGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.review-type-badge{border-radius:12px;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600;margin-bottom:1.5rem;padding:.75rem 1.25rem;text-align:center}.review-type-badge.public{background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.3);color:#10b981}.review-type-badge.private{background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.3);color:#a5b4fc}.webcam-container{animation:borderGradient 4s ease infinite;background:linear-gradient(135deg,#10b981,#06b6d4,#8b5cf6,#06b6d4,#10b981);background-size:300% 300%;border-radius:20px;max-width:640px;padding:3px;position:relative;width:100%;z-index:100}.webcam-container .webcam-video{background:#0f172a;border-radius:17px;display:block;transform:scaleX(-1);width:100%}.webcam-container .webcam-overlay-canvas{border-radius:17px;height:calc(100% - 6px);left:3px;pointer-events:none;position:absolute;top:3px;transform:scaleX(-1);width:calc(100% - 6px);z-index:5}.webcam-container .model-info-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(15,23,42,.8);border:1px solid rgba(16,185,129,.3);border-radius:12px;font-family:JetBrains Mono,monospace;left:1rem;padding:1rem;pointer-events:none;position:absolute;top:1rem;width:180px;z-index:10}.webcam-container .model-info-panel .info-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem}.webcam-container .model-info-panel .info-header .pulse-dot{animation:blink 1s ease-in-out infinite;background:#fbbf24;border-radius:50%;box-shadow:0 0 10px #fbbf24;height:8px;width:8px}.webcam-container .model-info-panel .info-header .pulse-dot.active{background:#10b981;box-shadow:0 0 10px #10b981}.webcam-container .model-info-panel .info-header h4{color:#fff;font-size:.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.webcam-container .model-info-panel .info-grid{display:flex;flex-direction:column;gap:.4rem}.webcam-container .model-info-panel .info-grid .info-item{display:flex;font-size:.7rem;justify-content:space-between}.webcam-container .model-info-panel .info-grid .info-item .label{color:hsla(0,0%,100%,.5)}.webcam-container .model-info-panel .info-grid .info-item .value{color:#06b6d4;font-weight:600}.webcam-container .model-info-panel .info-grid .info-item .value.detected{color:#10b981}.webcam-container .model-info-panel .info-grid .info-item .value.searching{animation:blink 1s ease-in-out infinite;color:#fbbf24}.webcam-container .model-info-panel .info-grid .info-item .value.thumbsUp{color:#22c55e}.webcam-container .model-info-panel .info-grid .info-item .value.thumbsDown{color:#f59e0b}.webcam-container .model-info-panel .info-grid .info-item.gesture,.webcam-container .model-info-panel .info-grid .info-item.score,.webcam-container .model-info-panel .info-grid .info-item.status{border-top:1px solid hsla(0,0%,100%,.1);margin-top:.3rem;padding-top:.3rem}.webcam-container .model-info-panel .pose-data{border-top:1px solid rgba(16,185,129,.3);margin-top:.75rem;padding-top:.75rem}.webcam-container .model-info-panel .pose-data .pose-header{color:hsla(0,0%,100%,.6);font-size:.65rem;letter-spacing:.5px;margin-bottom:.4rem;text-transform:uppercase}.webcam-container .model-info-panel .pose-data .finger-data{display:flex;font-size:.55rem;gap:.3rem;margin-bottom:.15rem}.webcam-container .model-info-panel .pose-data .finger-data .finger-name{color:#06b6d4;font-weight:600;min-width:40px}.webcam-container .model-info-panel .pose-data .finger-data .finger-curl{color:#fbbf24;min-width:50px}.webcam-container .model-info-panel .pose-data .finger-data .finger-dir{color:#a78bfa;font-size:.5rem}.webcam-container .gesture-overlay{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0}.webcam-container .gesture-overlay .central-hold-indicator{align-items:center;animation:holdPulse .8s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.85);border-radius:24px;display:flex;gap:1.5rem;padding:1.5rem 2.5rem}.webcam-container .gesture-overlay .central-hold-indicator.thumbsUp{border:4px solid #22c55e;box-shadow:0 0 60px rgba(34,197,94,.6),inset 0 0 30px rgba(34,197,94,.1)}.webcam-container .gesture-overlay .central-hold-indicator.thumbsDown{border:4px solid #f59e0b;box-shadow:0 0 60px rgba(245,158,11,.6),inset 0 0 30px rgba(245,158,11,.1)}.webcam-container .gesture-overlay .central-hold-indicator .hold-emoji{animation:bounceEmoji .6s ease-in-out infinite;font-size:5rem}.webcam-container .gesture-overlay .central-hold-indicator .hold-content{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem}.webcam-container .gesture-overlay .central-hold-indicator .hold-content .hold-title{color:#fff;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:900;letter-spacing:3px;text-transform:uppercase}.webcam-container .gesture-overlay .central-hold-indicator .hold-content .hold-confidence{color:hsla(0,0%,100%,.7);font-family:JetBrains Mono,monospace;font-size:.9rem}.webcam-container .gesture-overlay .central-hold-indicator .hold-content .hold-progress-ring{height:50px;margin-top:.5rem;position:relative;width:50px}.webcam-container .gesture-overlay .central-hold-indicator .hold-content .hold-progress-ring svg{height:100%;transform:rotate(-90deg);width:100%}.webcam-container .gesture-overlay .central-hold-indicator .hold-content .hold-progress-ring svg .ring-bg{fill:none;stroke:hsla(0,0%,100%,.2);stroke-width:3}.webcam-container .gesture-overlay .central-hold-indicator .hold-content .hold-progress-ring svg .ring-progress{fill:none;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .1s ease}.webcam-container .gesture-overlay .central-hold-indicator .hold-content .hold-progress-ring svg .ring-progress.thumbsUp{stroke:#22c55e}.webcam-container .gesture-overlay .central-hold-indicator .hold-content .hold-progress-ring svg .ring-progress.thumbsDown{stroke:#f59e0b}.webcam-container .gesture-overlay .central-hold-indicator .hold-content .hold-progress-ring .countdown{color:#fff;font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:900;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes holdPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes bounceEmoji{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.1) rotate(5deg)}}.webcam-container .gesture-overlay .bottom-instructions{background:linear-gradient(0deg,rgba(15,23,42,.95),transparent);border-radius:0 0 17px 17px;bottom:0;left:0;padding:1.5rem;position:absolute;right:0;text-align:center}.webcam-container .gesture-overlay .bottom-instructions .gesture-hints{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:.5rem}.webcam-container .gesture-overlay .bottom-instructions .gesture-hints .gesture-icon{animation:pulse 2s ease-in-out infinite;font-size:2.5rem;transition:all .2s ease}.webcam-container .gesture-overlay .bottom-instructions .gesture-hints .gesture-icon.active{filter:drop-shadow(0 0 20px rgba(255,255,255,.8));transform:scale(1.5)}.webcam-container .gesture-overlay .bottom-instructions .gesture-hints .or-text{color:hsla(0,0%,100%,.5);font-family:JetBrains Mono,monospace}.webcam-container .gesture-overlay .bottom-instructions .status-text{color:hsla(0,0%,100%,.7);font-size:.95rem;margin-bottom:1rem}.webcam-container .gesture-overlay .bottom-instructions .status-text.hand-detected{color:#10b981;font-weight:600}.webcam-container .gesture-overlay .bottom-instructions .detection-bar{background:hsla(0,0%,100%,.15);border-radius:3px;height:6px;overflow:hidden}.webcam-container .gesture-overlay .bottom-instructions .detection-bar .detection-progress{background:hsla(0,0%,100%,.3);border-radius:3px;height:100%;transition:width .1s ease}.webcam-container .gesture-overlay .bottom-instructions .detection-bar .detection-progress.active{animation:progressGlow .5s ease-in-out infinite}.webcam-container .gesture-overlay .bottom-instructions .detection-bar .detection-progress.thumbsUp{background:linear-gradient(90deg,#22c55e,#10b981);box-shadow:0 0 20px rgba(34,197,94,.6)}.webcam-container .gesture-overlay .bottom-instructions .detection-bar .detection-progress.thumbsDown{background:linear-gradient(90deg,#f59e0b,#ef4444);box-shadow:0 0 20px rgba(245,158,11,.6)}@keyframes progressGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.webcam-container .webcam-actions{display:flex;gap:.5rem;position:absolute;right:1rem;top:1rem;z-index:20}.webcam-container .restart-btn{background:rgba(59,130,246,.9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:JetBrains Mono,monospace;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.webcam-container .restart-btn:hover{background:#3b82f6;transform:scale(1.05)}.webcam-container .cancel-btn{background:rgba(239,68,68,.9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.webcam-container .cancel-btn:hover{background:#ef4444;transform:scale(1.05)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.review-form{background:linear-gradient(135deg,#0f172a,#1e293b);border:2px solid rgba(16,185,129,.3);border-radius:20px;max-width:500px;padding:2rem;width:100%}.review-form .gesture-result{margin-bottom:1.5rem;text-align:center}.review-form .gesture-result .gesture-badge{align-items:center;border-radius:9999px;display:inline-flex;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;gap:.5rem;padding:.75rem 1.5rem}.review-form .gesture-result .gesture-badge.thumbsUp{background:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.4);color:#10b981}.review-form .gesture-result .gesture-badge.thumbsDown{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.4);color:#ef4444}.review-form .form-group{margin-bottom:1.25rem}.review-form .form-group label{color:hsla(0,0%,100%,.8);display:block;font-family:JetBrains Mono,monospace;font-size:.9rem;margin-bottom:.5rem}.review-form .form-group label .required{color:#ef4444;font-weight:700}.review-form .form-group input[type=text],.review-form .form-group select,.review-form .form-group textarea{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#fff;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.review-form .form-group input[type=text]:-ms-input-placeholder,.review-form .form-group select:-ms-input-placeholder,.review-form .form-group textarea:-ms-input-placeholder{color:hsla(0,0%,100%,.3)}.review-form .form-group input[type=text]::placeholder,.review-form .form-group select::placeholder,.review-form .form-group textarea::placeholder{color:hsla(0,0%,100%,.3)}.review-form .form-group input[type=text]:focus,.review-form .form-group select:focus,.review-form .form-group textarea:focus{background:rgba(16,185,129,.05);border-color:#10b981;outline:none}.review-form .form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.25rem;cursor:pointer;padding-right:2.5rem}.review-form .form-group select.placeholder{color:hsla(0,0%,100%,.3)}.review-form .form-group select option{background:#1e293b;color:#fff;padding:.5rem}.review-form .form-group textarea{min-height:80px;resize:vertical}.review-form .checkbox-group .checkbox-label{align-items:center;color:hsla(0,0%,100%,.8);cursor:pointer;display:flex;gap:.75rem}.review-form .checkbox-group .checkbox-label input[type=checkbox]{display:none}.review-form .checkbox-group .checkbox-label .checkmark{align-items:center;border:2px solid hsla(0,0%,100%,.3);border-radius:6px;display:flex;height:22px;justify-content:center;transition:all .3s ease;width:22px}.review-form .checkbox-group .checkbox-label .checkmark:after{color:#fff;content:"✓";font-size:14px;opacity:0;transition:opacity .2s ease}.review-form .checkbox-group .checkbox-label input:checked+.checkmark{background:#10b981;border-color:#10b981}.review-form .checkbox-group .checkbox-label input:checked+.checkmark:after{opacity:1}.review-form .checkbox-group .photo-preview{margin-top:1rem}.review-form .checkbox-group .photo-preview img{border:2px solid rgba(16,185,129,.5);border-radius:10px;max-width:150px}.review-form .form-actions{display:flex;gap:1rem;margin-top:1.5rem}.review-form .form-actions .cancel-form-btn{background:transparent;border:1px solid hsla(0,0%,100%,.2);border-radius:10px;color:hsla(0,0%,100%,.7);cursor:pointer;flex:1 1;font-weight:600;padding:.875rem;transition:all .3s ease}.review-form .form-actions .cancel-form-btn:hover{background:hsla(0,0%,100%,.05);color:#fff}.review-form .form-actions .submit-btn{background:transparent;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:2 1;font-family:JetBrains Mono,monospace;font-weight:700;overflow:hidden;padding:.875rem;position:relative}.review-form .form-actions .submit-btn:before{background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:10px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;position:absolute;right:0;top:0}.review-form .form-actions .submit-btn .btn-bg{background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:8px;bottom:2px;left:2px;position:absolute;right:2px;top:2px;z-index:0}.review-form .form-actions .submit-btn .btn-content{position:relative;z-index:1}.review-form .form-actions .submit-btn:disabled{cursor:not-allowed;opacity:.7}.stars-container{display:flex;gap:.25rem}.stars-container .star{color:hsla(0,0%,100%,.2);font-size:1.5rem;transition:all .2s ease}.stars-container .star.filled{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.5)}.stars-container .star.interactive{cursor:pointer}.stars-container .star.interactive:hover{color:#fbbf24;transform:scale(1.2)}.gesture-capture-success{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border:3px solid;border-radius:24px;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;padding:3rem 4rem;position:relative;z-index:100}.gesture-capture-success.thumbsUp{border-color:#10b981;box-shadow:0 0 60px rgba(16,185,129,.4)}.gesture-capture-success.thumbsDown{border-color:#f59e0b;box-shadow:0 0 60px rgba(245,158,11,.4)}.gesture-capture-success .gesture-emoji{animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55);filter:drop-shadow(0 0 30px rgba(255,255,255,.2));font-size:12rem}.gesture-capture-success .gesture-message{font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800;letter-spacing:2px;text-align:center;text-transform:uppercase}.gesture-capture-success .gesture-message.thumbsUp{color:#10b981}.gesture-capture-success .gesture-message.thumbsDown{color:#f59e0b}.gesture-capture-success .continue-text{animation:pulse 1.5s ease-in-out infinite;color:hsla(0,0%,100%,.6);font-size:.9rem}.gesture-capture-success .try-again-btn{background:transparent;border:1px solid hsla(0,0%,100%,.3);border-radius:10px;color:hsla(0,0%,100%,.7);cursor:pointer;font-family:JetBrains Mono,monospace;font-weight:600;margin-top:1rem;padding:.75rem 2rem;transition:all .3s ease}.gesture-capture-success .try-again-btn:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.5);color:#fff}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.success-message{align-items:center;background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(6,182,212,.1));border:2px solid rgba(16,185,129,.3);border-radius:20px;display:flex;flex-direction:column;gap:1rem;padding:2rem 3rem}.success-message .success-icon{align-items:center;background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.success-message p{color:#10b981;font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:600}.app__reviews-display{margin:0 auto;max-width:800px}.app__reviews-display .reviews-title{color:var(--black-color);font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.app__reviews-display .reviews-carousel{align-items:center;display:flex;gap:1rem}.app__reviews-display .reviews-carousel .nav-btn{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .3s ease;width:48px}.app__reviews-display .reviews-carousel .nav-btn svg{height:24px;width:24px}.app__reviews-display .reviews-carousel .nav-btn:hover{background:linear-gradient(135deg,#10b981,#06b6d4);transform:scale(1.1)}.app__reviews-display .reviews-carousel .review-card{background:#fff;border:1px solid rgba(16,185,129,.1);border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.1);flex:1 1;padding:2rem}.app__reviews-display .reviews-carousel .review-card .review-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.app__reviews-display .reviews-carousel .review-card .review-header .reviewer-photo{border:3px solid #10b981;border-radius:50%;height:60px;overflow:hidden;width:60px}.app__reviews-display .reviews-carousel .review-card .review-header .reviewer-photo img{height:100%;object-fit:cover;width:100%}.app__reviews-display .reviews-carousel .review-card .review-header .reviewer-photo .avatar-placeholder{align-items:center;background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:100%;justify-content:center;width:100%}.app__reviews-display .reviews-carousel .review-card .review-header .reviewer-info h4{color:var(--black-color);font-size:1.1rem;font-weight:700;margin-bottom:.15rem}.app__reviews-display .reviews-carousel .review-card .review-header .reviewer-info .reviewer-relationship{color:var(--gray-color);font-size:.85rem;font-style:italic;margin-bottom:.25rem}.app__reviews-display .reviews-carousel .review-card .review-header .reviewer-info .review-meta{align-items:center;display:flex;gap:.75rem}.app__reviews-display .reviews-carousel .review-card .review-header .reviewer-info .review-meta .gesture-mini{font-size:1.25rem}.app__reviews-display .reviews-carousel .review-card .review-text{border-left:3px solid #10b981;color:var(--gray-color);font-style:italic;line-height:1.7;margin-bottom:1rem;padding-left:1rem}.app__reviews-display .reviews-carousel .review-card .review-date{color:rgba(0,0,0,.4);font-size:.85rem}.app__reviews-display .reviews-dots{display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}.app__reviews-display .reviews-dots .dot{background:rgba(16,185,129,.3);border-radius:50%;cursor:pointer;height:10px;transition:all .3s ease;width:10px}.app__reviews-display .reviews-dots .dot.active{background:#10b981;transform:scale(1.2)}.app__reviews-display .reviews-dots .dot:hover{background:#10b981}@media screen and (max-width:600px){.webcam-container .gesture-overlay{padding:1rem}.webcam-container .gesture-overlay .gesture-instructions .gesture-icon{font-size:2rem}.review-form{padding:1.5rem}.review-form .form-actions{flex-direction:column}.review-form .form-actions .cancel-form-btn,.review-form .form-actions .submit-btn{flex:none;width:100%}.app__reviews-display .reviews-carousel{flex-direction:column}.app__reviews-display .reviews-carousel .nav-btn{display:none}.app__reviews-display .reviews-carousel .review-card{padding:1.5rem}}.app{background:linear-gradient(180deg,#fafafa,#f5f5f5);color:var(--black-color);font-family:var(--font-base);position:relative}.app>div[id],.app>section,.app__whitebg{position:relative;z-index:1}.app__whitebg{background-color:var(--white-color)}.app__primarybg{background:linear-gradient(180deg,#fafafa,#f5f5f5);position:relative;z-index:1}.app__container{box-sizing:border-box;display:flex;flex-direction:row;margin:0;min-height:100vh;padding:0;position:relative;width:100%;z-index:1}.app__flex{align-items:center;display:flex;justify-content:center}.app__wrapper{flex:1 1;flex-direction:column;margin:0 auto;max-width:1400px;padding:8rem 2rem 4rem;position:relative;width:100%;z-index:2}@media screen and (max-width:768px){.app__wrapper{padding:6rem 1.5rem 3rem}}@media screen and (max-width:450px){.app__wrapper{padding:5rem 1rem 2rem}}.copyright{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem 0 0;width:100%}.copyright p{color:var(--gray-color);font-size:.9rem;font-weight:400;letter-spacing:.01em;text-transform:none}.head-text{color:var(--black-color);font-family:var(--font-display);font-size:3.5rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:3rem;text-align:center;text-transform:capitalize}.head-text span{-webkit-text-fill-color:transparent;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;position:relative}@media screen and (min-width:2000px){.head-text{font-size:5rem;margin-bottom:4rem}}@media screen and (max-width:768px){.head-text{font-size:2.5rem;margin-bottom:2rem}}@media screen and (max-width:450px){.head-text{font-size:2rem;margin-bottom:1.5rem}}.p-text{color:var(--gray-color);font-size:1rem;font-weight:400;line-height:1.7;text-align:left}@media screen and (min-width:2000px){.p-text{font-size:1.5rem;line-height:1.8}}@media screen and (max-width:450px){.p-text{font-size:.9rem;line-height:1.6}}.bold-text{color:var(--black-color);font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;text-align:left}@media screen and (min-width:2000px){.bold-text{font-size:2rem}}@media screen and (max-width:450px){.bold-text{font-size:1.1rem}}.app__social{align-items:center;bottom:1rem;display:flex;flex-direction:row;gap:.75rem;justify-content:flex-start;left:2rem;padding:0;position:absolute;z-index:10}.app__social a{text-decoration:none}.app__social a,.app__social div{align-items:center;display:flex;justify-content:center}.app__social div{background:var(--white-color);border:1px solid var(--lightGray-color);border-radius:12px;box-shadow:var(--shadow-sm);height:44px;margin:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.app__social div svg{color:var(--secondary-color);height:20px;transition:all .3s ease;width:20px}.app__social div:hover{background:var(--gradient-accent);border-color:transparent;box-shadow:var(--shadow-md);transform:translateY(-2px)}.app__social div:hover svg{color:var(--white-color)}@media screen and (min-width:2000px){.app__social div{border-radius:14px;height:56px;width:56px}.app__social div svg{height:24px;width:24px}}@media screen and (max-width:768px){.app__social div{height:40px;width:40px}.app__social div svg{height:18px;width:18px}.app__social{bottom:.75rem;gap:.5rem;left:1.5rem}}.app__navigation{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:1rem;position:absolute;right:2rem;top:50%;transform:translateY(-50%);z-index:10}.app__navigation .app__navigation-dot{background-color:var(--lightGray-color);border-radius:50%;cursor:pointer;height:12px;margin:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:12px}.app__navigation .app__navigation-dot:before{border:2px solid transparent;border-radius:50%;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:20px}.app__navigation .app__navigation-dot.active{background-color:var(--accent-color);transform:scale(1.2)}.app__navigation .app__navigation-dot.active:before{border-color:var(--accent-color);opacity:.3}.app__navigation .app__navigation-dot:hover{background-color:var(--accent-color);transform:scale(1.2)}.app__navigation .app__navigation-dot:hover:before{border-color:var(--accent-color);opacity:.3}@media screen and (min-width:2000px){.app__navigation .app__navigation-dot{height:16px;width:16px}.app__navigation .app__navigation-dot:before{height:28px;width:28px}}@media screen and (max-width:900px){.app__navigation{right:1rem}}@media screen and (max-width:500px){.app__navigation,.app__social{display:none}.copyright{padding:2rem}}:root{--font-base:"Inter",sans-serif;--font-display:"Outfit","DM Sans",sans-serif;--primary-color:#fafafa;--secondary-color:#1a1a1a;--accent-color:#10b981;--accent-hover:#059669;--accent-light:#34d399;--tan-color:#f5f5f5;--black-color:#0a0a0a;--lightGray-color:#e5e7eb;--gray-color:#6b7280;--gray-light:#9ca3af;--brown-color:#46364a;--white-color:#fff;--dark-green-color:#047857;--light-green-color:#10b981;--emerald-50:#ecfdf5;--emerald-100:#d1fae5;--emerald-500:#10b981;--emerald-600:#059669;--emerald-700:#047857;--dark-gray-color:#1f2937;--gradient-primary:linear-gradient(135deg,#10b981,#059669);--gradient-accent:linear-gradient(135deg,#10b981,#047857);--gradient-subtle:linear-gradient(135deg,#f5f7fa,#d1fae5);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--glass-bg:hsla(0,0%,100%,.7);--glass-border:hsla(0,0%,100%,.18)}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;overflow-x:hidden;width:100%}
/*# sourceMappingURL=main.51d7d7a0.css.map*/