:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;color:#ffffffde;color-scheme:light dark;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility}a{color:#646cff;font-weight:500;text-decoration:inherit}body{min-height:100vh;min-width:320px;place-items:center}h1{font-size:3.2em;line-height:1.1}button{background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;cursor:pointer;font-family:inherit;font-size:1em;font-weight:500;padding:.6em 1.2em;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{background-color:#fff;color:#213547}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-color:#0a0a0a;--bg-color2:#1a1a1a;--text-color:#fff;--accent:#3b82f6;--accent2:#8b5cf6;--accent-hover:#1d4ed8;--max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0a0a0a;background-color:var(--bg-color);color:#fff;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}#root,body,html{margin:0;padding:0;width:100%}#root,body,html{height:100%}.App{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);background:linear-gradient(135deg,var(--bg-color) 0,var(--bg-color2) 100%);display:block;min-height:100vh;width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a;background:var(--bg-color2)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}::selection{background:#3b82f6;background:var(--accent);color:#fff}.gradient-text{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--accent),var(--accent2),#ec4899);-webkit-background-clip:text;background-clip:text;background-size:200% 200%}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.glow{box-shadow:0 0 20px #3b82f64d}.container{box-sizing:border-box;margin:0 auto;max-width:1200px;max-width:var(--max-width);padding:0 2rem;width:100%}.navContainer{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;width:clamp(320px,90%,1200px)}.section{padding:5rem 1.5rem}.btn,.section{position:relative}.btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;overflow:hidden;padding:.75rem 2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,var(--accent),var(--accent-hover));box-shadow:0 4px 15px #3b82f64d;color:#fff}.btn-primary:hover{box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #3b82f6;border:2px solid var(--accent);color:#3b82f6;color:var(--accent)}.btn-secondary:hover{background:#3b82f6;background:var(--accent);color:#fff;transform:translateY(-2px)}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;padding:2rem;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.card:hover{border-color:#3b82f64d;box-shadow:0 20px 40px #0000004d;transform:scale(1.05)}.grid-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.section-title{font-size:3rem;font-weight:700;margin-bottom:3rem;position:relative;text-align:center}.section-title:after{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:2px;bottom:-1rem;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}@media (max-width:1024px){.container{padding:0 1.5rem}}@media (max-width:768px){.container{padding:0 1rem}.section{padding:3rem 0}.section-title{font-size:2.5rem}.btn{font-size:.9rem;padding:.625rem 1.5rem}}@media (max-width:480px){.container{padding:0 .75rem}.section{padding:2rem 0}.section-title{font-size:2rem}.card{padding:1.5rem}.btn{font-size:.9rem;padding:.75rem 1.25rem}}@media (max-width:320px){.container{padding:0 .5rem}.section-title{font-size:1.75rem}.card{padding:1rem}}.loading{animation:fadeIn 1s ease-in-out forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}.particles{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.particle{animation:float 6s ease-in-out infinite;background:#3b82f680;border-radius:50%;height:2px;position:absolute;width:2px}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ae6;border-bottom:1px solid #ffffff1a;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:1000}.navbar.scrolled{background:#0a0a0af2;box-shadow:0 4px 20px #0000004d}.navbar .container{align-items:center;display:flex;justify-content:space-between}.nav-logo h2{font-size:1.5rem;font-weight:700}.nav-menu{display:flex;gap:2rem;list-style:none}.nav-link{color:#fff;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{color:#3b82f6}.nav-link.active{color:#3b82f6;font-weight:600;transform:scale(1.05)}.nav-link:after{background:linear-gradient(135deg,#3b82f6,#8b5cf6);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link.active:after,.nav-link:hover:after{width:100%}.hamburger{color:#fff;cursor:pointer;display:none;font-size:1.5rem}.hero{display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.hero,.hero-content{align-items:center;width:100%}.hero-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 2rem}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.hero-subtitle{color:#a1a1aa;font-size:1.5rem;font-weight:400;margin-bottom:1.5rem}.cursor{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-description{color:#71717a;font-size:1.1rem;line-height:1.7;margin-bottom:2rem}.hero-buttons{margin-bottom:2rem}.hero-buttons,.hero-social{display:flex;gap:1rem}.social-link{color:#71717a;font-size:1.5rem;transition:all .3s ease}.social-link:hover{color:#3b82f6}.profile-card{padding:2rem;text-align:center}.profile-image-container{display:inline-block;margin-bottom:1.5rem;position:relative}.profile-image{border:4px solid #3b82f64d;border-radius:50%;filter:grayscale(20%) contrast(1.1) brightness(.9);height:200px;object-fit:cover;transition:all .5s ease-in-out;width:200px}.profile-image:hover{border-color:#3b82f6;box-shadow:0 0 30px #3b82f666;filter:grayscale(0) contrast(1.2) brightness(1);transform:scale(1.05)}.profile-image-overlay{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:50%;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .5s ease-in-out}.profile-image-container:hover .profile-image-overlay{opacity:1}.profile-info h3{font-size:1.5rem;margin-bottom:.5rem}.profile-info p{color:#71717a;margin-bottom:.25rem}.about-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:2fr 1fr}.about-text p{color:#a1a1aa;font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem}.about-stats{display:flex;flex-direction:column;gap:2rem}.stat-item{padding:1.5rem;text-align:center}.stat-item:hover{box-shadow:0 10px 25px #0003}.stat-item h3{font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-item p{color:#71717a;font-weight:500}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1000px}.skill-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;padding:2rem;transition:all .5s ease-in-out}.skill-category:hover{border-color:#3b82f64d;box-shadow:0 15px 30px #0003;transform:scale(1.05)}.skill-category h3{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:1.5rem;text-align:center}.skill-icon{color:#3b82f6;font-size:1.2rem}.skill-items{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.skill-tag{background:#3b82f61a;border:1px solid #3b82f633;border-radius:20px;color:#3b82f6;font-size:.9rem;font-weight:500;min-width:fit-content;padding:.5rem 1rem;text-align:center;transition:all .5s ease-in-out}.skill-tag:hover{background:#3b82f6;box-shadow:0 5px 15px #3b82f64d;color:#fff;transform:scale(1.05)}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;overflow:hidden;transition:all .8s ease-in-out}.project-card:hover{border-color:#3b82f64d;box-shadow:0 25px 50px #0006;transform:scale(1.05)}.project-image{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-size:3rem;padding:2rem;text-align:center}.project-content{padding:2rem}.project-content h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.project-content p{color:#a1a1aa;line-height:1.6;margin-bottom:1.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.project-links{display:flex;gap:1rem;justify-content:center}.project-link{align-items:center;color:#3b82f6;display:flex;font-weight:500;gap:.5rem;text-decoration:none;transition:color .3s ease}.project-link:hover{color:#1d4ed8}.contact-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.contact-info h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.contact-info p{color:#a1a1aa;line-height:1.6}.contact-details,.contact-info p{margin-bottom:2rem}.contact-item{align-items:center;color:#a1a1aa;display:flex;gap:1rem;margin-bottom:1rem}.contact-item svg{color:#3b82f6;width:20px}.contact-social{display:flex;gap:1rem}.social-btn{align-items:center;background:#3b82f6;border-radius:8px;color:#fff;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .8s ease-in-out}.social-btn:hover{background:#1d4ed8;box-shadow:0 10px 30px #589cdb;transform:scale(1.05)}.contact-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#71717a}.form-group textarea{min-height:120px;resize:vertical}.submit-status{border-radius:8px;font-weight:500;margin-bottom:1rem;padding:.75rem 1rem;text-align:center}.submit-status.success{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.submit-status.error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.footer{background:#000c;border-top:1px solid #ffffff1a;padding:2rem 0}.footer-content{align-items:center;display:flex;justify-content:space-between}.footer-content p{color:#71717a}.footer-social{display:flex;gap:1rem}.footer-social a{color:#71717a;font-size:1.25rem;transition:color .3s ease}.footer-social a:hover{color:#3b82f6}@media (max-width:1024px){.container{padding:0 1.5rem}.hero-content{gap:3rem}.hero-title{font-size:3rem}.about-content,.contact-content{gap:3rem}}@media (max-width:768px){.container{padding:0 1rem}.section{padding:3rem 0}.section-title{font-size:2.5rem;margin-bottom:2rem}.hamburger{display:block}.nav-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0af2;border-top:1px solid #ffffff1a;flex-direction:column;left:-100%;padding:2rem 0;position:fixed;text-align:center;top:70px;transition:.3s;width:100%;z-index:999}.nav-menu.active{left:0}.nav-menu li{margin:1rem 0}.nav-link.active{background:#3b82f61a;border-radius:8px;padding:.75rem 1rem;transform:none}.hero-content{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.hero-description{font-size:1rem}.hero-buttons{flex-wrap:wrap;gap:.75rem;justify-content:center}.about-content{gap:2rem;grid-template-columns:1fr}.about-stats{flex-direction:row;gap:1rem;justify-content:space-around}.stat-item{padding:1rem}.stat-item h3{font-size:1.5rem}.contact-content{gap:2rem;grid-template-columns:1fr}.footer-content{flex-direction:column;gap:1rem;text-align:center}.projects-grid,.skills-grid{grid-template-columns:1fr}.skills-grid{max-width:100%}.skill-category{padding:1.5rem}.skill-category h3{font-size:1.1rem}.skill-items{gap:.5rem}.skill-tag{font-size:.8rem;padding:.4rem .8rem}.contact-form,.project-content{padding:1.5rem}}@media (max-width:480px){.container{padding:0 .75rem}.section{padding:2rem 0}.hero-title{font-size:2rem;line-height:1.1}.hero-subtitle{font-size:1.1rem}.hero-description{font-size:.95rem}.section-title{font-size:2rem}.hero-buttons{align-items:center;flex-direction:column;gap:.5rem}.btn{max-width:250px;padding:.75rem 1.5rem;width:100%}.about-stats{flex-direction:column;gap:1rem}.stat-item{padding:1rem}.stat-item h3{font-size:1.25rem}.skill-category{padding:1rem}.skill-category h3{font-size:1.1rem}.skill-tag{font-size:.8rem;padding:.4rem .8rem}.project-content{padding:1rem}.project-content h3{font-size:1.25rem}.project-content p{font-size:.9rem}.contact-form{padding:1rem}.form-group input,.form-group textarea{font-size:.9rem;padding:.625rem}.contact-social{flex-direction:column;gap:.75rem}.social-btn{justify-content:center;padding:.625rem 1.25rem}.hero-social{gap:1.5rem;justify-content:center}.social-link{font-size:1.25rem}.profile-card{padding:1.5rem}.profile-image{height:150px;width:150px}.profile-info h3{font-size:1.25rem}.profile-info p{font-size:.9rem}}@media (max-width:320px){.container{padding:0 .5rem}.hero-title,.section-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}.btn,.hero-description{font-size:.9rem}.btn{padding:.625rem 1.25rem}.skill-tag{font-size:.75rem;padding:.3rem .6rem}.project-content h3{font-size:1.1rem}.project-content p{font-size:.85rem}.stat-item h3{font-size:1.1rem}.stat-item p{font-size:.85rem}.profile-image{height:120px;width:120px}.profile-info h3{font-size:1.1rem}.profile-info p{font-size:.8rem}}@media (max-height:500px) and (orientation:landscape){.hero{min-height:100vh}.hero,.section{padding:2rem 0}.hero-content{gap:1.5rem}.hero-title{font-size:2rem;margin-bottom:.5rem}.hero-subtitle{font-size:1.1rem;margin-bottom:1rem}.hero-description{font-size:.9rem}.hero-buttons,.hero-description{margin-bottom:1rem}.section-title{font-size:2rem;margin-bottom:1.5rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.particle{height:1px;width:1px}}@media print{.contact-social,.footer-social,.hamburger,.hero-social,.navbar{display:none}.hero{min-height:auto;padding:2rem 0}.section{padding:1rem 0;page-break-inside:avoid}.card{border:1px solid #ccc;box-shadow:none}.gradient-text{-webkit-text-fill-color:initial;background:none;color:#3b82f6}}iframe,img,video{height:auto;max-width:100%}body,html{margin:0;overflow-x:hidden;padding:0;width:100%}.about,.contact,.hero,.projects,.section,.skills{box-sizing:border-box;width:100%}@media (max-width:768px){.btn,.project-link,.social-link,button{min-height:44px;min-width:44px}}@media (max-width:480px){body{font-size:16px;line-height:1.6}h1,h2,h3,h4,h5,h6{line-height:1.2}}@media (max-width:320px){.hero-buttons{gap:.5rem}.hero-social{gap:1rem}.contact-social{gap:.5rem}}@media (max-width:768px){.form-group input,.form-group textarea{font-size:16px}}@media (max-width:480px){.skill-items{gap:.5rem}.project-tech{gap:.375rem}.card{margin:0 .5rem}}@media (max-width:768px){.nav-menu{height:calc(100vh - 70px);overflow-y:auto}.nav-link{display:block;padding:.75rem 1rem}}@media (max-width:480px){.hero{padding:5rem 0}.hero-content{padding:1rem 0}}@media (max-width:768px){.about-content,.contact-content,.hero-content{grid-template-columns:1fr!important}.hero-content{gap:2rem;padding:0 1rem}}@media (max-width:480px){.project-card{margin-bottom:1rem}.project-links{flex-direction:column;gap:.5rem}.project-link{justify-content:center}.about-stats{gap:1rem;grid-template-columns:1fr}.contact-form{margin:0 .5rem}}@media (max-width:768px){.nav-menu{z-index:1001}.hamburger{z-index:1002}.particle{opacity:.3}}@media (max-width:480px){.footer-content{padding:1rem 0}.footer-social{justify-content:center}}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.card{border:2px solid #fff}.btn{border:2px solid}}
/*# sourceMappingURL=main.923d3350.css.map*/