:root{--primary-bg:#0f172a;--secondary-bg:#1e293b;--accent-color:#38bdf8;--text-primary:#f8fafc;--text-secondary:#94a3b8;--dot-color:#38bdf814;--dot-size:0.8px;--dot-space:40px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;background-color:var(--primary-bg);background-image:radial-gradient(#38bdf814 .8px,#0000 0),radial-gradient(#38bdf814 .8px,#0000 0);background-image:radial-gradient(var(--dot-color) var(--dot-size),#0000 var(--dot-size)),radial-gradient(var(--dot-color) var(--dot-size),#0000 var(--dot-size));background-position:0 0,20px 20px;background-position:0 0,calc(var(--dot-space)/2) calc(var(--dot-space)/2);background-size:40px 40px;background-size:var(--dot-space) var(--dot-space);color:#f8fafc;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;position:relative}body:before{background:radial-gradient(circle,#38bdf814 0,#0000 70%);right:-5%;top:15%}body:after,body:before{content:"";filter:blur(60px);height:70%;position:fixed;width:40%;z-index:-1}body:after{background:radial-gradient(circle,#818cf814 0,#0000 70%);bottom:-5%;left:-5%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}a{color:#38bdf8;color:var(--accent-color);text-decoration:none}a:hover{text-decoration:underline}.App{min-height:100vh;overflow-x:hidden}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem;width:100%}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#38bdf8,#818cf8);background-clip:text;-webkit-background-clip:text;color:#0000;filter:drop-shadow(0 0 8px rgba(56,189,248,.2))}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center;text-shadow:0 2px 10px #00000026}.about,.contact,.footer,.hero,.portfolio,.services,.technology{animation:none;animation-delay:0s;animation-play-state:running;animation-play-state:initial;background-image:radial-gradient(var(--dot-color) var(--dot-size),#0000 var(--dot-size));background-size:var(--dot-space) var(--dot-space)}.header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#0f172acc;background-image:radial-gradient(#38bdf80d .5px,#0000 0);background-size:calc(var(--dot-space) + 5px) calc(var(--dot-space) + 5px);border-bottom:1px solid #ffffff1a;left:0;padding:1rem 0;position:fixed;top:0;width:100%;z-index:100}.header .container{align-items:center;display:flex;justify-content:space-between}.logo{font-size:1.5rem;font-weight:700}.logo-text{color:var(--text-primary)}.logo-highlight{color:var(--accent-color);margin-left:.25rem}.nav ul{display:flex;list-style:none;margin:0;padding:0}.nav li{margin-left:2rem}.nav a{color:var(--text-secondary)}.hero{background-color:var(--primary-bg);overflow:hidden;padding:8rem 0 5rem;position:relative}.hero:before{background:radial-gradient(circle at 20% 30%,#38bdf81a 0,#0000 50%);height:100%;left:0;pointer-events:none;top:0;width:100%}.hero:after,.hero:before{content:"";position:absolute}.hero:after{animation:pulse 8s ease-in-out infinite alternate;background-image:radial-gradient(#38bdf812 .8px,#0000 0);background-size:30px 30px;border-radius:50%;height:200px;opacity:.6;right:10%;top:20%;width:200px;z-index:1}@keyframes pulse{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.2)}}.hero .container{align-items:center;display:flex;gap:2rem;position:relative;z-index:2}.hero-content{flex:1 1}.hero-content h1{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.hero-content p{color:var(--text-secondary);font-size:1.25rem;margin-bottom:2rem;max-width:600px}.hero-image{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative}.tech-orbit{animation:rotate 20s linear infinite;background-image:radial-gradient(#38bdf812 .8px,#0000 0);background-size:35px 35px;border:2px solid #38bdf84d;border-radius:50%;height:300px;position:relative;width:300px}.tech-orbit:after,.tech-orbit:before{background:var(--accent-color);height:20px;width:20px}.tech-orbit:before{box-shadow:0 0 20px #38bdf8cc;left:50%;top:0;transform:translateX(-50%)}.tech-orbit:after{background:#818cf8;bottom:0;box-shadow:0 0 20px #818cf8cc;left:50%;transform:translateX(-50%)}.tech-orbit:after,.tech-orbit:before{border-radius:50%;content:"";position:absolute}.tech-orbit .dot{background-color:#fffc;border-radius:50%;height:6px;position:absolute;width:6px}.tech-orbit .dot:first-child{animation:float 6s ease-in-out infinite;left:10%;top:30%}.tech-orbit .dot:nth-child(2){animation:float 8s ease-in-out 1s infinite;left:20%;top:70%}.tech-orbit .dot:nth-child(3){animation:float 7s ease-in-out 2s infinite;right:15%;top:40%}.tech-orbit .dot:nth-child(4){animation:float 9s ease-in-out 3s infinite;bottom:25%;right:20%}@keyframes float{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-8px) translateX(4px)}50%{transform:translateY(4px) translateX(8px)}75%{transform:translateY(8px) translateX(-4px)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cta-buttons{display:flex;gap:1rem}.btn{border:none;border-radius:.375rem;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary{background:linear-gradient(90deg,#38bdf8,#818cf8);color:#fff;overflow:hidden;position:relative;z-index:1}.btn-primary:before{background:linear-gradient(90deg,#818cf8,#38bdf8);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s ease;width:100%;z-index:-1}.btn-primary:hover:before{opacity:1}.btn-primary:hover{box-shadow:0 10px 20px -10px #38bdf880;opacity:.9;transform:translateY(-2px)}.btn-secondary{background-color:initial;border:1px solid #fff3;color:var(--text-primary)}.btn-secondary:hover{border-color:var(--accent-color);color:var(--accent-color)}.services{background-color:var(--secondary-bg);overflow:hidden;padding:5rem 0;position:relative}.services:before{border-radius:50%;height:150px;left:5%;top:20%;width:150px}.services:after,.services:before{background-image:radial-gradient(#38bdf812 .8px,#0000 0);background-size:28px 28px;content:"";opacity:.6;position:absolute;z-index:1}.services:after{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;bottom:10%;height:180px;right:5%;width:180px}.services .container{position:relative;z-index:2}.services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.service-card{background-color:#0f172a80;border:1px solid #ffffff0d;border-radius:.5rem;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{border-color:#38bdf833;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-8px);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.service-icon{align-items:center;background-color:#38bdf81a;border-radius:.5rem;color:var(--accent-color);display:flex;height:48px;justify-content:center;margin-bottom:1.5rem;width:48px}.service-card h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.service-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.about{background-color:var(--primary-bg);overflow:hidden;padding:5rem 0;position:relative}.about:before{border-radius:50%;height:160px;right:8%;top:10%;width:160px}.about:after,.about:before{background-image:radial-gradient(#38bdf812 .8px,#0000 0);background-size:28px 28px;content:"";opacity:.6;position:absolute;z-index:1}.about:after{border-radius:30% 70% 50% 50%/50% 50% 70% 30%;bottom:15%;height:140px;left:7%;width:140px}.about .container{display:flex;flex-direction:column;gap:3rem;position:relative;z-index:2}.about-content{margin:0 auto;max-width:800px;text-align:center}.about-content p{color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.about-stats{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin-top:2rem}.stat-item{text-align:center}.stat-number{color:var(--accent-color);font-size:3rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-size:1rem}.technology{background-color:var(--secondary-bg);overflow:hidden;padding:5rem 0;position:relative}.technology:before{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;height:300px;left:-50px;top:-50px;width:300px}.technology:after,.technology:before{background-image:radial-gradient(#38bdf812 .8px,#0000 0);background-size:32px 32px;content:"";opacity:.6;position:absolute;z-index:1}.technology:after{border-radius:30% 70% 50% 50%/50% 50% 70% 30%;bottom:-50px;height:250px;right:-50px;width:250px}.technology .container{position:relative;z-index:2}.tech-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.tech-item{background-color:#0f172a80;border:1px solid #ffffff0d;border-radius:.5rem;color:var(--text-secondary);font-weight:600;padding:1rem 2rem;transition:all .3s ease}.tech-item:hover{border-color:var(--accent-color);box-shadow:0 10px 20px -10px #38bdf84d;color:var(--text-primary);transform:translateY(-5px) scale(1.05)}.contact{background-color:var(--primary-bg);overflow:hidden;padding:5rem 0;position:relative}.contact:before{border-radius:40% 60% 60% 40%/40% 50% 50% 60%;height:200px;opacity:.6;right:15%;top:-50px;width:200px}.contact:after,.contact:before{background-image:radial-gradient(#38bdf812 .8px,#0000 0);background-size:30px 30px;content:"";position:absolute;z-index:1}.contact:after{border-radius:60% 40% 50% 50%/50% 60% 40% 50%;bottom:10%;height:160px;left:10%;opacity:.5;width:160px}.contact .container{position:relative;z-index:2}.contact-content{align-items:center;display:flex;gap:4rem}.contact-info{flex:1 1}.contact-info p{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin-bottom:2rem}.contact-details{margin-top:2rem}.contact-item{align-items:center;color:var(--text-secondary);display:flex;margin-bottom:1rem}.contact-item svg{color:var(--accent-color);margin-right:1rem}.contact-form{background-color:#1e293b80;border:1px solid #ffffff0d;border-radius:.5rem;flex:1 1;padding:2rem}.form-group{margin-bottom:1.5rem}.contact-form input,.contact-form textarea{background-color:#0f172a80;border:1px solid #ffffff1a;border-radius:.375rem;color:var(--text-primary);padding:.75rem 1rem;transition:border-color .3s ease;width:100%}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#fff6}.contact-form textarea{min-height:150px;resize:vertical}.footer{background-color:var(--secondary-bg);border-top:1px solid #ffffff0d;overflow:hidden;padding:4rem 0 2rem}.footer:before{background-image:radial-gradient(#38bdf812 .8px,#0000 0);background-size:28px 28px;border-radius:50%;content:"";height:120px;left:5%;opacity:.5;position:absolute;top:20%;width:120px;z-index:1}.footer-content{display:flex;flex-wrap:wrap;gap:3rem;margin-bottom:3rem;position:relative;z-index:2}.footer-logo{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.footer-links{display:flex;flex:1 1;flex-wrap:wrap;gap:2rem;justify-content:space-between}.footer-column h4{color:var(--text-primary);font-size:1rem;margin-bottom:1rem}.footer-column ul{list-style:none;margin:0;padding:0}.footer-column li{margin-bottom:.5rem}.footer-column a{color:var(--text-secondary);transition:color .3s ease}.footer-column a:hover{color:var(--accent-color);text-decoration:none}.footer-bottom{border-top:1px solid #ffffff0d;color:var(--text-secondary);font-size:.9rem;padding-top:2rem;text-align:center}@media (max-width:992px){.hero .container{flex-direction:column;text-align:center}.hero-content p{margin-left:auto;margin-right:auto}.cta-buttons{justify-content:center}.contact-content,.footer-content{flex-direction:column}.footer-content{gap:2rem}.footer-links{width:100%}}@media (max-width:768px){.hero-content h1{font-size:2.5rem}.section-title{font-size:2rem}.about-stats{flex-direction:column;gap:2rem}}@media (max-width:576px){.nav{display:none}}.portfolio{background-color:#162238;background-image:radial-gradient(var(--dot-color) var(--dot-size),#0000 var(--dot-size));background-size:calc(var(--dot-space) - 5px) calc(var(--dot-space) - 5px);overflow:hidden;padding:5rem 0;position:relative}.portfolio:before{animation:floatSlow 15s linear infinite alternate;border-radius:40% 60% 50% 50%/40% 40% 60% 60%;height:180px;left:10%;opacity:.6;top:15%;width:180px}.portfolio:after,.portfolio:before{background-image:radial-gradient(#38bdf812 .8px,#0000 0);background-size:28px 28px;content:"";position:absolute;z-index:1}.portfolio:after{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;bottom:10%;height:150px;opacity:.5;right:5%;width:150px}@keyframes floatSlow{0%{transform:translateY(0) translateX(0)}to{transform:translateY(30px) translateX(20px)}}.portfolio .container{position:relative;z-index:2}.portfolio-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.portfolio-item{background-color:#1e293b80;border:1px solid #ffffff0d;border-radius:.5rem;overflow:hidden;position:relative;transition:transform .4s ease,box-shadow .4s ease}.portfolio-item:after{background:linear-gradient(90deg,#0000,#38bdf84d,#818cf84d,#0000);border-radius:.5rem;content:"";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:1px;pointer-events:none;position:absolute;transition:opacity .4s ease}.portfolio-item:hover:after{opacity:1}.portfolio-image{align-items:center;background-color:#0f172ab3;background-image:radial-gradient(#38bdf812 .7px,#0000 0);background-size:32px 32px;display:flex;height:200px;justify-content:center;position:relative}.portfolio-image:before{background:linear-gradient(90deg,#38bdf84d,#818cf84d);border-radius:50%;content:"";filter:blur(20px);height:60px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}.portfolio-overlay{align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background-color:#0f172ad9;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;padding:1.5rem;position:absolute;text-align:center;top:0;transition:opacity .3s ease;width:100%}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-overlay h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.portfolio-overlay p{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.btn-small{background:linear-gradient(90deg,#38bdf8b3,#818cf8b3);border-radius:.25rem;color:#fff;font-size:.875rem;padding:.5rem 1rem;transition:all .3s ease}.btn-small:hover{box-shadow:0 5px 15px -5px #38bdf880;opacity:.9;transform:translateY(-1px)}.portfolio-tech{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem}.portfolio-tech span{background-color:#0f172a80;border-radius:.25rem;color:var(--accent-color);font-size:.75rem;font-weight:500;padding:.25rem .75rem}.about .container,.contact .container,.footer .container,.hero .container,.portfolio .container,.services .container,.technology .container{position:relative;z-index:2}html{scroll-behavior:smooth}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.contact-form{animation:fadeIn .6s ease forwards}.form-group{overflow:hidden;position:relative}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #38bdf81a;outline:none}.contact-form input:after,.contact-form textarea:after{background:linear-gradient(90deg,#38bdf8,#818cf8);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.contact-form input:focus:after,.contact-form textarea:focus:after{width:100%}.stat-item{animation:float 5s ease-in-out infinite;position:relative}.stat-item:first-child{animation-delay:0s}.stat-item:nth-child(2){animation-delay:.5s}.stat-item:nth-child(3){animation-delay:1s}.footer{position:relative}.footer:after{background:linear-gradient(90deg,#0000,#38bdf833,#818cf833,#38bdf833,#0000);content:"";height:1px;left:0;position:absolute;top:0;width:100%}.nav a{position:relative;transition:color .3s ease}.nav a:after{background:linear-gradient(90deg,#38bdf8,#818cf8);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav a:hover:after{width:100%}.scroll-indicator{align-items:center;bottom:5px;display:flex;flex-direction:column;left:50%;position:absolute;transform:translateX(-50%);z-index:5}.mouse{border:2px solid #ffffff4d;border-radius:20px;height:40px;margin-bottom:10px;position:relative;width:26px}.wheel{animation:scroll 2s ease infinite;background-color:var(--accent-color);border-radius:2px;height:8px;left:50%;position:absolute;top:6px;transform:translateX(-50%);width:4px}@keyframes scroll{0%{opacity:1;top:6px}to{opacity:0;top:25px}}.arrows{align-items:center;display:flex;flex-direction:column}.arrows span{animation:arrow 2s infinite;border-bottom:2px solid #ffffff4d;border-right:2px solid #ffffff4d;display:block;height:10px;margin:-6px;transform:rotate(45deg);width:10px}.arrows span:nth-child(2){animation-delay:-.2s}.arrows span:nth-child(3){animation-delay:-.4s}@keyframes arrow{0%{opacity:0;transform:rotate(45deg) translate(-12px,-12px)}50%{opacity:1}to{opacity:0;transform:rotate(45deg) translate(12px,12px)}}.reveal-section{transition:none}.reveal-section,.reveal-section.revealed{opacity:1;transform:none}.about,.contact,.portfolio,.services,.technology{animation:none!important;opacity:1!important;transform:none!important;transition:none!important}@keyframes revealSection{0%,to{opacity:1;transform:none}}.scroll-to-top{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0f172ab3;border:1px solid #38bdf833;border-radius:50%;bottom:30px;box-shadow:0 5px 15px #0003;color:var(--accent-color);display:flex;height:45px;justify-content:center;opacity:0;position:fixed;right:30px;transform:translateY(20px);transition:all .3s ease;visibility:hidden;width:45px;z-index:99}.scroll-to-top:hover{background:linear-gradient(145deg,#0f172acc,#1e293bcc);color:#fff;transform:translateY(0) scale(1.05)}.scroll-to-top.visible{opacity:1;transform:translateY(0);visibility:visible}@media (max-width:768px){.scroll-to-top{bottom:20px;height:40px;right:20px;width:40px}}.form-status{border-radius:.375rem;font-weight:500;margin-top:1.5rem;padding:.75rem 1rem;text-align:center;transition:all .3s ease}.form-status.success{background-color:#10b9811a;border:1px solid #10b98133;color:#10b981}.form-status.error{background-color:#ef44441a;border:1px solid #ef444433;color:#ef4444}
/*# sourceMappingURL=main.0580cb9b.css.map*/