@import"https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Lufga:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh}.header{width:100%;padding:1rem 2rem;position:relative;z-index:50}.nav-container{display:flex;align-items:center;justify-content:space-between;background:#1a1a1a;border:1px solid #2d2d2d;border-radius:50px;padding:.75rem 2rem;max-width:1200px;margin:0 auto;box-shadow:0 4px 6px #2d2d2d4d}.nav-left,.nav-right{display:flex;align-items:center;gap:2rem}.nav-item{color:#fff;font-family:Arial,sans-serif;font-size:1rem;font-weight:400;cursor:pointer;transition:all .3s ease;padding:.5rem 1rem;border-radius:25px;border:1px solid transparent}.nav-item:hover{color:#a855f7;transform:translateY(-1px)}.nav-item.active{color:#fff!important;font-weight:500!important}.nav-item.active-bg{background:linear-gradient(135deg,#a855f733,#7c3aed33)!important;border:1px solid #a855f7!important;border-radius:50px!important;padding:.7rem 1.2rem!important}.nav-separator{width:2px;height:25px;background:#a855f7;margin:0 1.5rem;opacity:.7}.logo-container{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:transform .3s ease}.logo-container:hover{transform:scale(1.05)}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#a855f7,#7c3aed);border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #a855f7;padding:8px}.logo-svg{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}@media (max-width: 768px){.header{position:fixed;top:0;left:0;width:auto;height:100vh;padding:1rem .5rem;z-index:1000}.nav-container{flex-direction:column;height:100vh;width:80px;border-radius:0 25px 25px 0;padding:1rem .5rem;gap:2rem;justify-content:flex-start;align-items:center}.nav-left,.nav-right{flex-direction:column;gap:1rem;width:100%}.nav-item{font-size:.9rem;padding:.4rem .8rem;width:100%;text-align:center;writing-mode:vertical-rl;text-orientation:mixed;min-height:80px;display:flex;align-items:center;justify-content:center}.logo-icon{width:35px;height:35px}}@media (max-width: 480px){.header{position:fixed;top:0;left:0;width:auto;height:100vh;padding:1rem .5rem;z-index:1000}.nav-container{flex-direction:column;height:100vh;width:80px;border-radius:0 25px 25px 0;padding:1rem .5rem;gap:2rem;justify-content:flex-start;align-items:center}.nav-left,.nav-right{flex-direction:column;gap:1rem;width:100%}.nav-item{font-size:.8rem;padding:.3rem .6rem;width:100%;text-align:center;writing-mode:vertical-rl;text-orientation:mixed;min-height:70px;display:flex;align-items:center;justify-content:center}.logo-icon{width:30px;height:30px}}.hero{min-height:60vh;background:transparent;display:flex;align-items:flex-start;justify-content:center;padding:4rem 2rem 2rem;position:relative;overflow:visible}.hero-container{max-width:1200px;width:100%;text-align:center;position:relative;z-index:1}.ellipse-container{position:absolute;bottom:-380px;left:50%;transform:translate(-50%);z-index:1}.ellipse-2{height:350px;width:auto;object-fit:contain;display:block}.profile-picture{position:absolute;bottom:0;left:50%;transform:translate(-50%);height:500px;width:auto;object-fit:contain;z-index:2}.hero-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:0}.speech-bubble{position:relative;background:#1a1a1a;border:2px solid #a855f7;border-radius:190px!important;padding:.75rem 1.5rem;display:inline-block;margin-bottom:1rem}.hello-text{font-family:Arial,sans-serif;font-size:1.2rem;font-weight:600;color:#a855f7}.vector-element{position:absolute;right:-25px;top:-10px;transform:translateY(-50%);height:30px;width:auto;object-fit:contain}.spark-line-3{position:absolute;left:-15px;top:50%;transform:translateY(-50%) rotate(45deg);width:12px;height:2px;background:#ff6b35;border-radius:2px}.hero-text{margin:.5rem 0}.hero-title{font-family:Urbanist,sans-serif;font-size:4rem;font-weight:700;line-height:1.2;margin:0;margin-top:-1rem;margin-bottom:-1rem}.text-black{color:#e5e5e5}.text-orange{color:#a855f7}.hero-subtitle{font-family:Urbanist,sans-serif;font-size:4.5rem;font-weight:600;color:#e5e5e5;margin:0}.hero-image{position:relative;margin-top:0}.vector-2{height:60px;width:auto;object-fit:contain;margin-left:-43rem;margin-top:-2rem}.person-head{width:120px;height:120px;background:#f5f5f5;border-radius:50%;position:relative;margin:0 auto;border:3px solid #e0e0e0}.hair{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:100px;height:60px;background:#2c1810;border-radius:50px 50px 0 0;border:3px solid #2c1810}.social-icons{position:absolute;right:2rem;top:100%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1rem;z-index:10}.social-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:#a855f7b3;border-radius:50%;padding:6px}.social-icon:hover{transform:scale(1.1);background:#a855f766}.social-icon img{width:100%;height:100%;object-fit:contain;filter:invert(1) brightness(1.1)}.action-buttons{position:absolute;bottom:-350px;left:50%;transform:translate(-50%);display:flex;gap:1rem;z-index:10;background:#a855f71a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #a855f7;border-radius:50px;padding:.5rem}.btn-portfolio{background:transparent;color:#fff;border:none;border-radius:25px;padding:.75rem 2.5rem;font-family:Lufga,sans-serif;font-size:1.2rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;position:relative}.btn-portfolio svg{opacity:0;transition:opacity .3s ease;width:0;height:16px;overflow:hidden}.btn-hire{background:transparent;color:#fff;border:none;border-radius:25px;padding:.75rem 2.5rem;font-family:Lufga,sans-serif;font-size:1.2rem;font-weight:400;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-hire svg{opacity:0;transition:opacity .3s ease;width:0;height:16px;overflow:hidden}.btn-portfolio:hover,.btn-portfolio.active{background:linear-gradient(135deg,#a855f7,#7c3aed);border:1px solid #a855f7;color:#fff;font-weight:600;transform:translateY(-2px);box-shadow:0 4px 12px #a855f74d}.btn-portfolio:hover svg,.btn-portfolio.active svg{opacity:1;width:16px}.btn-hire:hover~.btn-portfolio,.btn-hire:hover+.btn-portfolio{background:transparent;border:none;font-weight:400;transform:translateY(0);box-shadow:none}.btn-hire:hover~.btn-portfolio svg,.btn-hire:hover+.btn-portfolio svg{opacity:0;width:0}.btn-hire:hover,.btn-hire.active{background:linear-gradient(135deg,#a855f7,#7c3aed);border:1px solid #a855f7;color:#fff;font-weight:600;transform:translateY(-2px);box-shadow:0 4px 12px #a855f74d}.btn-hire:hover svg,.btn-hire.active svg{opacity:1;width:16px}.role-description{position:absolute;left:2rem;top:120%;transform:translateY(-50%);z-index:10;color:#e5e5e5;font-family:Lufga,sans-serif;text-align:left;max-width:280px}.role-description p{margin:0;font-size:.9rem;font-weight:400;line-height:1.4;opacity:.9}.role-description p:first-child{font-weight:500;font-size:1rem;margin-bottom:.3rem}@media (max-width: 1200px){.hero-container{max-width:100%;padding:0 1rem}.ellipse-2{height:300px}.profile-picture{height:400px}.vector-2{margin-left:-35rem}.social-icons{right:1rem}.role-description{left:1rem;max-width:180px}.action-buttons{bottom:-180px}}@media (max-width: 1024px){.hero-title{font-size:3.5rem}.hero-subtitle{font-size:4rem}.ellipse-2{height:280px}.profile-picture{height:350px}.vector-2{margin-left:-30rem}.social-icons{right:.5rem}.role-description{left:.5rem;max-width:160px}.role-description p{font-size:.8rem}.role-description p:first-child{font-size:.9rem}.action-buttons{bottom:-160px}}@media (max-width: 768px){.hero{padding:1rem;min-height:80vh}.hero-title{font-size:3rem}.hero-subtitle{font-size:3.5rem}.vector-element{height:25px;right:-20px;top:-8px}.ellipse-2{height:250px}.profile-picture{height:300px}.vector-2{height:50px;margin-left:-20rem;margin-top:-1rem}.ellipse-container{bottom:-250px}.speech-bubble{padding:.6rem 1.2rem}.hello-text{font-size:1.1rem}.social-icons{right:.5rem;gap:.8rem}.social-icon{width:28px;height:28px}.role-description{left:.5rem;max-width:140px}.role-description p{font-size:.75rem}.role-description p:first-child{font-size:.85rem}.action-buttons{bottom:-140px;gap:.8rem;padding:.4rem}.btn-portfolio,.btn-hire{padding:.6rem 1.2rem;font-size:.9rem}}@media (max-width: 640px){.hero-title{font-size:2.8rem}.hero-subtitle{font-size:3.2rem}.ellipse-2{height:220px}.profile-picture{height:250px}.vector-2{margin-left:-15rem}.ellipse-container{bottom:-200px}.social-icons{right:.3rem;gap:.6rem}.social-icon{width:24px;height:24px}.role-description{left:.3rem;max-width:120px}.role-description p{font-size:.7rem}.role-description p:first-child{font-size:.8rem}.action-buttons{bottom:-120px;gap:.6rem;padding:.3rem}.btn-portfolio,.btn-hire{padding:.5rem 1rem;font-size:.8rem}}@media (max-width: 480px){.hero{padding:.5rem;min-height:100vh}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:2.8rem}.vector-element{height:20px;right:-15px;top:-6px}.ellipse-2{height:200px}.profile-picture{height:220px}.vector-2{height:40px;margin-left:-10rem;margin-top:-.5rem}.ellipse-container{bottom:-150px}.speech-bubble{padding:.5rem 1rem}.hello-text{font-size:1rem}.social-icons{right:.2rem;gap:.5rem}.social-icon{width:20px;height:20px}.role-description{left:.2rem;max-width:100px}.role-description p{font-size:.65rem}.role-description p:first-child{font-size:.75rem}.action-buttons{bottom:-100px;gap:.5rem;padding:.3rem;flex-direction:column}.btn-portfolio,.btn-hire{padding:.4rem .8rem;font-size:.75rem}}@media (max-width: 375px){.hero-title{font-size:2.2rem}.hero-subtitle{font-size:2.5rem}.ellipse-2{height:180px}.profile-picture{height:200px}.vector-2{margin-left:-8rem}.ellipse-container{bottom:-120px}.social-icons{right:.1rem;gap:.4rem}.social-icon{width:18px;height:18px}.action-buttons{bottom:-80px;gap:.4rem}.btn-portfolio,.btn-hire{padding:.3rem .6rem;font-size:.7rem}}@media (max-width: 320px){.hero-title{font-size:2rem}.hero-subtitle{font-size:2.2rem}.ellipse-2{height:160px}.profile-picture{height:180px}.vector-2{margin-left:-6rem}.ellipse-container{bottom:-100px}.social-icons{right:.1rem;gap:.3rem}.social-icon{width:16px;height:16px}.action-buttons{bottom:-70px;gap:.3rem}.btn-portfolio,.btn-hire{padding:.25rem .5rem;font-size:.65rem}}.frame-section{min-height:60vh;background:#1a1a1a;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;margin-top:0;width:100vw;margin-left:calc(-50vw + 50%);z-index:10;border-radius:50px 50px 0 0;box-shadow:0 -10px 30px #0000004d}.frame-container{width:100%;max-width:1200px;text-align:center;position:relative;padding:4rem 2rem}.frame-content{display:flex;justify-content:center;align-items:center;width:100%;position:relative}.about-section{display:flex;flex-direction:column;gap:2rem;text-align:left}.about-heading{font-family:Urbanist,sans-serif;font-size:3rem;font-weight:700;color:#e5e5e5;line-height:1.3;margin:0}.about-heading .highlight{color:#a855f7;background:linear-gradient(135deg,#a855f7,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-description{font-family:Lufga,sans-serif;font-size:1.1rem;color:#bbbaa6;line-height:1.6;margin:0;max-width:900px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(168,85,247,.2)}.stat-item{display:flex;flex-direction:column;gap:.5rem}.stat-number{font-family:Urbanist,sans-serif;font-size:3rem;font-weight:700;color:#e5e5e5}.stat-label{font-family:Lufga,sans-serif;font-size:1rem;color:#bbbaa6;line-height:1.5}@media (max-width: 1200px){.about-heading{font-size:2.5rem}.stats-grid{gap:2rem}}@media (max-width: 768px){.frame-section{padding:1.5rem;min-height:50vh;border-radius:30px 30px 0 0}.frame-container{padding:2rem 1rem}.about-heading{font-size:2rem}.about-description{font-size:1rem}.stats-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 480px){.frame-section{padding:1rem;min-height:40vh;border-radius:20px 20px 0 0}.frame-container{padding:1rem .5rem}.about-heading{font-size:1.5rem}.about-description{font-size:.9rem}.stat-number{font-size:2rem}}.services{background:#0f0f0f;padding:5rem 2rem;min-height:100vh;display:flex;align-items:center;justify-content:center}.services-container{max-width:1200px;width:100%}.services-title{font-family:Urbanist,sans-serif;font-size:3.5rem;font-weight:700;color:#e5e5e5;margin:0 0 1rem;text-align:center}.services-title .highlight{color:#a855f7;background:linear-gradient(135deg,#a855f7,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.services-subtitle{font-family:Lufga,sans-serif;font-size:1.2rem;color:#bbbaa6;text-align:center;margin:0 0 4rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.service-card{background:linear-gradient(135deg,#1a1a1acc,#1f1f1fcc);border:1px solid rgba(168,85,247,.2);border-radius:12px;padding:2.5rem;position:relative;transition:all .3s ease;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(168,85,247,.1),transparent);transition:left .5s ease}.service-card:hover{border-color:#a855f780;background:linear-gradient(135deg,#1a1a1a,#1f1f1f);box-shadow:0 8px 24px #a855f726;transform:translateY(-8px)}.service-card:hover:before{left:100%}.service-number{font-family:Urbanist,sans-serif;font-size:3rem;font-weight:700;background:linear-gradient(135deg,#a855f7,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.6;margin-bottom:1rem}.service-title{font-family:Urbanist,sans-serif;font-size:1.5rem;font-weight:600;color:#e5e5e5;margin:0 0 1rem}.service-description{font-family:Lufga,sans-serif;font-size:.95rem;color:#bbbaa6;line-height:1.6;margin:0}@media (max-width: 1200px){.services-title{font-size:3rem}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}}@media (max-width: 768px){.services{padding:3rem 1.5rem;min-height:auto}.services-title{font-size:2.5rem}.services-subtitle{font-size:1rem;margin-bottom:3rem}.services-grid{grid-template-columns:1fr;gap:1.5rem}.service-card{padding:2rem}.service-number{font-size:2.5rem}.service-title{font-size:1.3rem}}@media (max-width: 480px){.services{padding:2rem 1rem}.services-title{font-size:2rem}.services-subtitle{font-size:.9rem}.service-card{padding:1.5rem}.service-number{font-size:2rem}.service-title{font-size:1.1rem}.service-description{font-size:.85rem}}.contact{min-height:100vh;background:#1a1a1a;padding:4rem 2rem;display:flex;align-items:center;justify-content:center}.contact-container{max-width:1200px;width:100%}.contact-title{font-family:Urbanist,sans-serif;font-size:3.5rem;font-weight:700;text-align:left;margin-bottom:3rem;color:#fff;margin-left:0}.title-highlight{color:#a855f7}.contact-main{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.contact-left{display:flex;flex-direction:column;gap:2rem}.map-container{width:100%;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000004d}.map-container iframe{display:block}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:12px}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-label{font-family:Urbanist,sans-serif;font-size:.85rem;font-weight:600;background:#a855f7;color:#fff;padding:.3rem .8rem;border-radius:4px;display:inline-block;width:fit-content}.info-value{font-family:Lufga,sans-serif;font-size:1rem;color:#e5e5e5}.info-value a{color:#e5e5e5;text-decoration:none;transition:all .3s ease}.info-value a:hover{color:#a855f7}.contact-right{display:flex;flex-direction:column;gap:2rem}.form-title{font-family:Urbanist,sans-serif;font-size:2rem;font-weight:700;color:#fff;margin:0}.form-title .title-highlight{color:#a855f7}.contact-form{display:flex;flex-direction:column;gap:1.5rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:12px}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group input,.form-group textarea{font-family:Lufga,sans-serif;font-size:1rem;padding:.75rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#a855f7;background:#ffffff1f;box-shadow:0 0 0 3px #a855f733}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;border:none;border-radius:8px;padding:1rem;font-family:Urbanist,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #a855f74d}.submit-btn:active{transform:translateY(0)}@media (max-width: 768px){.contact-main{grid-template-columns:1fr;gap:2rem}.contact-title{font-size:2.5rem;margin-bottom:2rem}.info-grid{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.contact-form{padding:1.5rem}.form-title{font-size:1.5rem}}@media (max-width: 480px){.contact{padding:2rem 1rem}.contact-title{font-size:2rem}.contact-form{padding:1rem}.submit-btn{font-size:.9rem;padding:.75rem}.info-grid{padding:1rem}.map-container{height:250px!important}}.App{min-height:100vh;background:#0f0f0f;font-family:Arial,sans-serif}.hero-section-wrapper{position:relative;overflow:visible;z-index:1;background:#1a1a1a;padding-bottom:120px}.bg-video{position:fixed;top:0;left:0;width:100%;height:100vh;object-fit:cover;z-index:0;opacity:.35;filter:blur(8px);pointer-events:none}.main-content{padding:2rem;text-align:center;color:#fff}.main-content h1{font-size:2.5rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.main-content p{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto}