body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}body{background-color:#000;box-sizing:border-box;color:#fff;font-family:Poppins,Arial,sans-serif;line-height:1.6;margin:0;padding:0}.app-container{display:flex;flex-direction:column;overflow-x:hidden}h1,h2,h3,h4{font-weight:700;line-height:1.2;margin:0 0 1rem}h1{background:linear-gradient(90deg,#5ee860,#26d806);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:clamp(2.5rem,5vw,4rem)}h2{color:#fff;font-size:clamp(2rem,4vw,3rem)}h3{color:#26d806;font-size:clamp(1.5rem,3vw,2rem)}p{color:#bbb;font-size:clamp(1rem,2vw,1.2rem);max-width:600px}.contact-container,.orbit-container,.portfolio,.portfolio-projects,.what-i-do{align-items:center;background:radial-gradient(circle at center,#1a1a1a 0,#000 100%);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:6rem 2rem;position:relative;text-align:center}.contact-container:before,.orbit-container:before,.portfolio-projects:before,.portfolio:before,.what-i-do:before{background:radial-gradient(circle,#034c691a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:0}.contact-container:after,.portfolio-projects:after,.portfolio:after,.what-i-do:after{background:linear-gradient(90deg,#0000,#ff7300,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}.hero-section{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px;position:relative;width:100%;z-index:1}.text-content{animation:fadeInUp 1s ease-out;flex:1 1;text-align:left}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.highlight{color:#ff7300;font-weight:700}.btn{background:linear-gradient(45deg,#ff001e,#ff7300);border:none;border-radius:50px;box-shadow:0 4px 15px #ff001e4d;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;overflow:hidden;padding:.8rem 1.8rem;position:relative;transition:all .3s ease;z-index:1}.btn:before{background:linear-gradient(45deg,#ff7300,#ff001e);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.btn:hover{box-shadow:0 8px 25px #ff001e66;transform:translateY(-3px)}.btn:hover:before{opacity:1}.image-content{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative}.image-content:before{animation:pulse 4s infinite alternate;background:linear-gradient(45deg,#082315,#000700);border-radius:50%;content:"";filter:blur(50px);height:350px;opacity:.3;position:absolute;width:350px;z-index:-1}@keyframes pulse{0%{opacity:.2;transform:scale(.95)}to{opacity:.4;transform:scale(1.05)}}.image-content img{animation:float 6s ease-in-out infinite;border:5px solid #ffffff1a;border-radius:50%;box-shadow:0 0 50px #11f36080;height:auto;max-width:350px;transition:transform .5s ease;width:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.image-content img:hover{transform:scale(1.05) rotate(5deg)}.what-i-do{text-align:center}.services{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:3rem auto;max-width:1000px;width:100%}.service-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1eb3;border:1px solid #ff730033;border-radius:15px;padding:2rem;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{border-color:#ff730066;box-shadow:0 15px 30px #ff001e33;transform:translateY(-10px)}.service-card h3{color:#26d806;font-size:1.5rem;margin:1rem 0}.service-card p{color:#ddd;margin:1rem 0 0}.contact-container,.portfolio-projects{text-align:center}.contact-title{color:#fff;font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}.contact-subtitle{color:#bbb;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.contact-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1eb3;border:1px solid #ff730033;border-radius:20px;margin:0 auto;max-width:500px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease;width:100%}.contact-card:hover{box-shadow:0 10px 25px #ff001e33;transform:translateY(-5px)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.contact-input,.contact-textarea{background:#282828cc;border:1px solid #ff73004d;border-radius:10px;color:#fff;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.contact-input:focus,.contact-textarea:focus{border-color:#ff7300;box-shadow:0 0 10px #ff73004d;outline:none}.contact-input::placeholder,.contact-textarea::placeholder{color:#888}.contact-button{background:linear-gradient(45deg,#26d806,#1db954);border-radius:10px;color:#fff;padding:1rem;transition:all .3s ease}.contact-button:hover{box-shadow:0 8px 20px #26d80666;transform:translateY(-3px)}.contact-social-icons{display:flex;gap:1.5rem;justify-content:center;margin-top:2rem}.social-icon{color:#fff;font-size:2rem;transition:all .3s ease}.social-icon:hover{transform:translateY(-5px) scale(1.1)}.orbit-container{text-align:center}.atom-particle{align-items:center;background:#000c;border-radius:50%;box-shadow:0 0 15px currentColor,0 0 25px currentColor;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:absolute;transition:all .5s cubic-bezier(.175,.885,.32,1.275);z-index:5}.atom-particle:before{background:radial-gradient(circle,currentColor 0,#0000 70%);content:"";height:200%;left:-50%;opacity:.1;position:absolute;top:-50%;width:200%;z-index:-1}.atom-particle:hover{box-shadow:0 0 30px currentColor,0 0 50px currentColor;transform:scale(1.8)!important;z-index:20}.icon-container{align-items:center;display:flex;height:60%;justify-content:center;width:60%}.icon-container svg{height:100%;width:100%}.tooltip{background:#000c;border:1px solid;border-radius:20px;color:#fff;font-size:.9rem;left:50%;opacity:0;padding:.5rem 1rem;pointer-events:none;position:absolute;top:-40px;transform:translateX(-50%);transition:all .3s ease;white-space:nowrap;z-index:30}.atom-particle:hover .tooltip{opacity:1;transform:translateX(-50%) translateY(-10px)}@media screen and (max-width:992px){.hero-section{gap:3rem}.hero-section,.text-content{flex-direction:column;text-align:center}.text-content{align-items:center;display:flex}.image-content{order:-1}.image-content img{max-width:280px}.services{grid-template-columns:1fr}}@media screen and (max-width:768px){.contact-container,.orbit-container,.portfolio,.portfolio-projects,.what-i-do{padding:4rem 1.5rem}.image-content:before{height:250px;width:250px}.contact-card{padding:1.5rem}}@media screen and (max-width:480px){h1{font-size:2.2rem}h2{font-size:1.8rem}.btn{font-size:.9rem;padding:.7rem 1.5rem}.contact-social-icons{gap:1rem}.social-icon{font-size:1.5rem}}.fade-in{animation:fadeIn 1s ease-in-out}:root{--primary-color:#0f8;--dark-bg:#121212;--darker-bg:#0a0a0a;--light-text:#fff;--dark-text:#000;--card-bg:#1e1e1e;--transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1)}.navbar{align-items:center;background-color:#121212;background-color:var(--dark-bg);box-shadow:0 2px 10px #0000001a;box-sizing:border-box;color:#fff;color:var(--light-text);display:flex;justify-content:space-between;padding:1.5rem 5%;position:fixed;top:0;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition);width:100%;z-index:1000}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#121212fa;box-shadow:0 4px 20px #0003;padding:1rem 5%}.logo{color:#0f8;color:var(--primary-color);font-family:Montserrat,sans-serif;font-size:2.2rem;font-weight:800;letter-spacing:1px}.nav-links{display:flex;gap:2.5rem;list-style:none;margin:0;padding:0;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.nav-links li{position:relative}.nav-links li a{color:#fff;color:var(--light-text);font-size:1.1rem;font-weight:500;padding:.5rem 0;text-decoration:none}.nav-links li a,.nav-links li a:after{transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.nav-links li a:after{background-color:#0f8;background-color:var(--primary-color);bottom:0;content:"";height:2px;left:0;position:absolute;width:0}.nav-links li a.active:after,.nav-links li a:hover:after{width:100%}.nav-links li a.active,.nav-links li a:hover{color:#0f8;color:var(--primary-color)}.contact-button{align-items:center;background-color:#0f8;background-color:var(--primary-color);border:none;border-radius:50px;box-shadow:0 4px 15px #00ff884d;color:#000;color:var(--dark-text);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.8rem 1.8rem;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.contact-button:hover{box-shadow:0 6px 20px #0f86;transform:translateY(-2px)}.contact-info{animation:fadeIn .3s ease-in-out;background-color:#1e1e1e;background-color:var(--card-bg);border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 10px 30px #0000004d;padding:1.5rem;position:absolute;right:5%;top:100%;width:300px;z-index:1000}.contact-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.contact-header h4{color:#0f8;color:var(--primary-color);font-size:1.3rem;margin:0}.close-button{background:none;border:none;color:#fff;color:var(--light-text);cursor:pointer;font-size:1.2rem;opacity:.7;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.close-button:hover{color:#0f8;color:var(--primary-color);opacity:1}.contact-items{display:flex;flex-direction:column;gap:1rem}.contact-item{align-items:center;background-color:#ffffff08;border-radius:8px;color:#fff;color:var(--light-text);display:flex;gap:1rem;padding:.8rem;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.contact-item:hover{background-color:#00ff881a;transform:translateX(5px)}.contact-icon{color:#0f8;color:var(--primary-color);flex-shrink:0;font-size:1.3rem}.contact-item span{font-size:.95rem;overflow:hidden;text-overflow:ellipsis}.mobile-menu-button{background:none;border:none;color:#fff;color:var(--light-text);cursor:pointer;display:none;font-size:1.8rem;z-index:1001}.mobile-contact{display:none}.nav-right{align-items:center;display:flex;gap:1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:992px){.navbar{padding:1.2rem 5%}.nav-links{gap:1.8rem}}@media screen and (max-width:768px){.nav-links{align-items:center;background-color:#0a0a0a;background-color:var(--darker-bg);box-shadow:-5px 0 20px #0000004d;flex-direction:column;gap:2.5rem;height:100vh;justify-content:center;position:fixed;right:-100%;top:0;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition);width:70%;z-index:1000}.nav-links.mobile-open{right:0}.mobile-menu-button{display:block}.mobile-contact{display:block;margin-top:2rem}.desktop-only{display:none}.contact-info{max-width:350px;right:50%;transform:translateX(50%);width:90%}}@media screen and (max-width:480px){.logo{font-size:1.8rem}.navbar{padding:1rem 5%}.contact-info{width:95%}}.cv-download-section{align-items:flex-start;border-top:1px solid #fff3;display:flex;flex-direction:column;margin-top:20px;padding-top:15px}.cv-download-button{align-items:center;background:#0000;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:10px;padding:8px 15px;transition:all .3s ease}.cv-download-button:hover{background:#ffffff1a}.cv-note{font-size:12px;margin-top:5px;opacity:.8;padding-left:15px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animated-bg{animation:gradientBG 15s ease infinite;background:linear-gradient(-45deg,#1e3c72,#2a5298,#1e3c72,#000);background-size:400% 400%;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:-1}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}
/*# sourceMappingURL=main.55c0ce3a.css.map*/