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}.navbar{align-items:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#0f172ab3;border-bottom:1px solid #38bdf833;box-shadow:0 4px 20px #38bdf81a;display:flex;justify-content:space-between;left:0;padding:1rem 3rem;position:fixed;top:0;width:100%;z-index:1000}.navbar-links{display:flex;gap:2rem;list-style:none;margin:0}.navbar-links a{color:#e2e8f0;font-weight:500;text-decoration:none;transition:color .3s}.navbar-links a:hover{color:#38bdf8}.navbar-logo{cursor:pointer;font-size:1.5rem;font-weight:700}.navbar-links li{cursor:pointer;position:relative}.navbar-links li:after{background-color:#38bdf8;bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.navbar-links li:hover:after{width:100%}.navbar-toggle{cursor:pointer;display:none;flex-direction:column}.bar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background-color:#f8fafc;box-shadow:0 4px 30px #0000001a,inset 0 1px 8px 0 #fff3;color:#0f172a;height:3px;margin:4px 0;overflow:hidden;transition:.4s;width:25px}@media (max-width:768px){.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172acc;border-bottom:1px solid #38bdf833;flex-wrap:wrap;padding:1rem 1.5rem}.navbar-toggle{cursor:pointer;display:flex;flex-direction:column;gap:4px}.navbar-toggle span{background:#38bdf8;border-radius:2px;height:4px;transition:all .3s ease;width:25px}.navbar-links{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ae6;border-radius:0 0 15px 15px;flex-direction:column;max-height:0;opacity:0;overflow:hidden;transition:all .4s ease-in-out;width:100%}.navbar-links.active{max-height:300px;opacity:1}.navbar-links li{padding:.9rem 1rem 0 0;text-align:center;width:100%}.navbar-links li:last-child{border-bottom:none}.navbar-links a{color:#e2e8f0;font-size:1.1rem;text-decoration:none;transition:color .3s ease}.navbar-links a:hover{color:#38bdf8}}.hero{align-items:center;background:#0000;color:#f8fafc;display:flex;height:100vh;justify-content:center;overflow:hidden;padding-top:6rem;position:relative;text-align:center}.hero:before{animation:fadeInUp 1.5s ease-out;content:"";height:200%;position:absolute;width:200%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:2px solid #38bdf833;border-radius:30px;box-shadow:0 0 40px #38bdf81a;padding:3rem;position:relative;z-index:1}.hero-content h1{font-size:4rem;letter-spacing:1px;margin-bottom:1rem;text-shadow:0 0 20px #38bdf84d}.hero-content h2{color:#38bdf8;font-size:2rem;margin-bottom:1.5rem;text-shadow:0 0 15px #38bdf84d}.hero-content p{color:#e2e8f0;font-size:1.2rem;line-height:1.8;margin:0 auto 2.5rem;max-width:600px}.hero-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#38bdf81a;border:2px solid #38bdf84d;border-radius:12px;color:#38bdf8;font-weight:700;padding:1rem 2rem;text-decoration:none;text-shadow:0 0 10px #38bdf84d;transition:all .3s ease}.hero-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.hero-button:hover{background:#38bdf833;background-color:#0ea5e9;box-shadow:0 0 30px #38bdf833;transform:translateY(-3px)}@media (max-width:768px){.hero-content{padding:1.5rem}.hero-content h1{font-size:2.5rem}.hero-content h2{font-size:1.5rem}.hero-content p{font-size:1rem}.hero-button{font-size:.6rem;padding:.5rem}}.about{backdrop-filter:none;-webkit-backdrop-filter:blur(10px);background:#0000;border:none;border-radius:20px;color:#f8fafc;margin:2rem auto;padding:8rem 2rem;position:relative;z-index:1}.about .container{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#38bdf808;border:2px solid #38bdf833;border-radius:30px;box-shadow:0 0 40px #38bdf81a,inset 0 0 20px #38bdf80d;margin:0 auto;max-width:1000px;overflow:hidden;padding:4rem;position:relative;transform:translateZ(0)}.about .container:before{animation:rotateGradient 15s linear infinite;background:radial-gradient(circle,#38bdf81a,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes rotateGradient{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.about:after,.about:before{background:linear-gradient(90deg,#0000,#38bdf880 50%,#0000);content:"";height:2px;left:10%;position:absolute;width:80%}.about:before{top:0}.about:after{bottom:0}section{padding:6rem 2rem;position:relative}section:not(:last-child):after{background:linear-gradient(90deg,#0000,#38bdf866,#0000);bottom:0;content:"";height:1px;left:10%;opacity:.6;position:absolute;width:80%}section:hover{transform:translateY(-2px)}.section-title{color:#38bdf8;display:inline-block;font-size:3rem;margin-bottom:3rem;position:relative}.section-title:after{background:linear-gradient(90deg,#0000,#38bdf8 50%,#0000);bottom:-10px;content:"";height:2px;left:0;position:absolute;width:100%}.about-text{color:#f1f5f9;font-size:1.2rem;line-height:1.9;margin-bottom:2rem;text-align:left;text-shadow:0 0 10px #38bdf833}.highlight{font-weight:700;text-shadow:0 0 10px #38bdf84d}.about-text strong{color:#38bdf8;font-weight:700;opacity:.9}.highlight{color:#38bdf8;font-weight:600}.about-text strong{color:#2dc6ce;font-weight:600}@media (max-width:768px){.about{padding:4rem 1.5rem}.about .container{padding:2rem}.section-title{font-size:2rem}.about-text{font-size:1rem;line-height:1.6}}.skills{margin-top:2rem}.skills h3{color:#52a9d7;font-size:1.5rem;margin-bottom:1rem}.skills ul{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;list-style:none;padding:0}.skills li{background-color:#e2e8f0;border-radius:5px;font-weight:500;padding:.5rem 1rem}.skills-section{background:#0000;color:#f8fafc;overflow:hidden;padding:8rem 2rem;position:relative;text-align:center}.skills-section h2{animation:neonPulse 2.5s infinite alternate;color:#38bdf8;display:inline-block;font-size:3rem;margin-bottom:3rem;position:relative;text-shadow:0 0 20px #38bdf84d}.skills-section h2:after{background:linear-gradient(90deg,#0000,#38bdf8 50%,#0000);bottom:-10px;content:"";height:2px;left:0;position:absolute;width:100%}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));justify-items:center;margin:0 auto;max-width:900px}.skill-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#38bdf80d;border:2px solid #38bdf833;border-radius:20px;box-shadow:0 4px 20px #38bdf81a;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transition:all .4s ease}.skill-card:before{background:radial-gradient(circle at center),#38bdf826;content:"";inset:0;opacity:0;position:absolute;transition:opacity .4s ease;z-index:0}.skill-card:hover:before{opacity:1}.skill-card:hover{border-color:#38bdf880;box-shadow:0 0 30px #38bdf866;transform:translateY(-5px)}.skill-icon{animation:iconGlow 3s ease-in-out infinite alternate;filter:drop-shadow(0 0 10px rgba(56,189,248,.5));height:50px;margin-bottom:1rem;position:relative;transition:all .4s ease;width:50px;z-index:1}.skill-card:hover .skill-icon{filter:drop-shadow(0 0 20px rgba(56,189,248,.9));transform:scale(1.1)}.skill-name{color:#e2e8f0;font-size:1rem;font-weight:500;position:relative;text-shadow:0 0 8px #38bdf84d;z-index:1}@keyframes iconGlow{0%{filter:drop-shadow(0 0 5px rgba(56,189,248,.4)) drop-shadow(0 0 10px rgba(56,189,248,.3))}to{filter:drop-shadow(0 0 20px rgba(56,189,248,.8)) drop-shadow(0 0 30px rgba(56,189,248,.5))}}@keyframes neonPulse{0%{text-shadow:0 0 10px #38bdf866,0 0 10px #38bdf84d}to{text-shadow:0 0 25px #38bdf8e6,0 0 30px #38bdf880}}@media (max-width:768px){.skills-section{padding:4rem 1.5rem}.skills-section h2{font-size:2rem}.skill-card{padding:1rem}.skill-icon{height:40px;width:40px}.skill-name{font-size:.9rem}}.projects-section{background:#0000;color:#f8fafc;overflow:hidden;padding:8rem 2rem;position:relative;text-align:center}.projects-section h2{color:#38bdf8;display:inline-block;font-size:3rem;margin-bottom:3rem;position:relative;text-shadow:0 0 20px #38bdf84d}.projects-section h2:after{background:linear-gradient(90deg,#0000,#38bdf8 50%,#0000);bottom:-10px;content:"";height:2px;left:0;position:absolute;width:100%}.projects-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-items:center;margin:0 auto;max-width:1100px}.project-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#38bdf80d;border:2px solid #38bdf833;border-radius:20px;box-shadow:0 0 25px #38bdf81a;max-width:350px;overflow:hidden;padding:2rem;position:relative;text-align:left;transition:all .4s ease;width:100%}.project-card:before{background:linear-gradient(135deg,#0000,#38bdf84d,#0000);border-radius:20px;content:"";inset:0;opacity:0;transition:opacity .3s ease}.project-card:hover:before{opacity:1}.project-card:hover{border-color:#38bdf866;box-shadow:0 0 25px #38bdf84d;transform:translateY(-8px) scale(1.02)}.project-title{color:#38bdf8;font-size:1.5rem;margin-bottom:1rem;text-shadow:0 0 12px #38bdf84d}.project-description{color:#e2e8f0;font-size:1rem;line-height:1.6;margin-bottom:1rem}.project-tech{color:#a5f3fc;font-size:.95rem;margin-bottom:1.5rem}.project-link{border:2px solid #38bdf8;border-radius:10px;color:#38bdf8;display:inline-block;font-weight:600;margin-top:1rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.project-link:hover{background:#38bdf8;box-shadow:0 0 15px #38bdf8b3;color:#0f172a;transform:translateY(-3px)}@media (max-width:768px){.projects-section{padding:4rem 1.5rem}.projects-section h2{font-size:2rem}.project-card{padding:1.5rem}.project-title{font-size:1.3rem}.project-description{font-size:.9rem}.project-tech{font-size:.85rem}}.contact{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:20px;color:#f8fafc;display:flex;flex-direction:column;justify-content:center;margin:2rem auto;overflow:hidden;padding:8rem 2rem;position:relative;text-align:center}.contact:before{animation:rotateGlow 30s linear infinite;background:radial-gradient(circle,#38bdf814 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.contact h2{color:#38bdf8;display:block;font-size:3rem;margin-bottom:2rem;position:relative;text-align:center;text-shadow:0 0 20px #38bdf84d}.contact h2:after{background:linear-gradient(90deg,#0000,#38bdf8 50%,#0000);bottom:-10px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.contact p{color:#e2e8f0;font-size:1.2rem;line-height:1.8;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.contact-details{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:2px solid #38bdf833;border-radius:24px;box-shadow:0 4px 30px #0003,0 0 20px #38bdf81a;margin:3rem auto;max-width:600px;padding:2.5rem;position:relative;z-index:1}.contact-details p{margin:1.2rem 0}.contact-details a{background:#38bdf81a;border:1px solid #38bdf833;border-radius:8px;color:#38bdf8;font-weight:700;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.contact-details a:hover{background:#38bdf840;box-shadow:0 0 25px #38bdf84d;transform:translateY(-2px)}.contact-form{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:2px solid #38bdf833;border-radius:24px;box-shadow:0 4px 30px #0003,0 0 20px #38bdf81a;margin:3rem auto;max-width:600px;padding:2.5rem;position:relative;width:100%;z-index:1}.contact-form input,.contact-form textarea{background:#0f172a99;border:1px solid #38bdf84d;border-radius:10px;color:#e2e8f0;font-size:1rem;margin:.8rem 0;padding:1rem;transition:all .3s ease;width:100%}.contact-form input:focus,.contact-form textarea:focus{border-color:#38bdf8;box-shadow:0 0 12px #38bdf84d;outline:none}.contact-form .btn{background:#38bdf826;border:1px solid #38bdf866;border-radius:10px;color:#38bdf8;cursor:pointer;display:block;font-weight:700;padding:1rem;transition:all .3s ease;width:100%}.contact-form .btn:hover{background:#38bdf84d;box-shadow:0 0 20px #38bdf866;transform:translateY(-2px)}.contact h2,.contact p,.contact-details,.contact-form{position:relative;z-index:1}.form-status{color:#38bdf8;font-size:1rem;font-weight:500;margin-top:1rem}@media (max-width:768px){.contact{padding:4rem 1rem}.contact h2{font-size:2rem}.contact p{font-size:1rem}.contact-details{padding:1.5rem}.contact-form input,.contact-form textarea{font-size:.9rem;padding:.8rem}.contact-form .btn{font-size:.9rem;padding:.7rem 1.2rem}}@media (max-width:480px){.contact h2{font-size:1.8rem}.contact p{font-size:.95rem;line-height:1.6}.contact-details,.contact-form{width:100%}}.footer{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f172a99;border-top:1px solid #38bdf833;box-shadow:0 -4px 20px #38bdf81a}.footer-links{display:flex;gap:1.5rem;justify-content:center;margin-top:1rem}.footer-links a{color:#38bdf8;font-weight:700;text-decoration:none}.footer-links a:hover{text-decoration:underline}@media (max-width:600px){.footer-links{flex-direction:row;gap:1.2rem}}body{background:radial-gradient(circle at 20% 20%,#38bdf826,#0000 40%),radial-gradient(circle at 80% 80%,#6366f126,#0000 40%),#000;color:#f8fafc;margin:0;overflow-x:hidden;padding-top:80px;scroll-behavior:smooth}*{box-sizing:border-box;font-family:Poppins,Inter,Roboto,sans-serif}body:before{animation:rotateGlow 60s linear infinite;background:radial-gradient(circle,#38bdf814,#0000 60%);content:"";height:200%;left:0;pointer-events:none;position:fixed;top:0;width:200%;z-index:-1}@keyframes rotateGlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.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)}}
/*# sourceMappingURL=main.0f8f405d.css.map*/