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}body{background:#151515;color:#fff;font-family:Roboto,sans-serif;margin:0;overflow-x:hidden;padding:0}.breathing-background{bottom:0;left:0;overflow:hidden;pointer-events:none!important;position:fixed;right:0;top:0;z-index:-1!important}.breathing-background:before{animation:glow 5s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#61dafb66 0,#61dafb33 25%,#61dafb1a 35%,#0000 70%),radial-gradient(circle at 70% 70%,#48a8c266 0,#48a8c233 25%,#48a8c21a 35%,#0000 70%)}.breathing-background:after,.breathing-background:before{content:"";height:200%;left:-50%;position:absolute;top:-50%;transform-origin:center;width:200%}.breathing-background:after{animation:glow2 6s ease-in-out infinite;background:radial-gradient(circle at 60% 40%,#61dafb4d 0,#61dafb1a 30%,#0000 65%)}@keyframes glow{0%,to{opacity:.5;transform:scale(.95) rotate(0deg)}50%{opacity:1;transform:scale(1.05) rotate(2deg)}}@keyframes glow2{0%,to{opacity:.3;transform:scale(1) rotate(0deg)}50%{opacity:.7;transform:scale(1.1) rotate(-2deg)}}.app-container{margin:0;min-height:100vh;overflow-x:hidden;padding:0}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#151515b3;border:1px solid #fff3;border-radius:40px;box-shadow:0 4px 15px #0000004d;left:50%;max-width:80%;padding:10px 20px;pointer-events:all!important;position:fixed!important;top:20px;transform:translateX(-50%);width:auto;z-index:9999!important}.navbar ul{align-items:center;display:flex;gap:10px;justify-content:space-around;list-style:none;margin:0;padding:0;width:100%}.navbar li,.navbar ul{pointer-events:all!important;position:relative;z-index:inherit}.navbar li{border-radius:15px;color:#fffc;cursor:pointer;flex:1 1;font-size:.95em;padding:8px 16px;text-align:center;transition:all .3s ease;-webkit-user-select:none;user-select:none}.navbar li:hover{background:#61dafb1a;color:#61dafb}.navbar li.active{background:#61dafb33;box-shadow:0 2px 10px #61dafb4d;color:#61dafb}.breathing-background{pointer-events:none;z-index:-1}.app-container,section{position:relative;z-index:1}section{align-items:center;flex-direction:column;margin:0;min-height:75vh;padding:0 20px}.banner,section{display:flex;justify-content:center}.banner{align-items:flex-start;margin-top:0;min-height:100vh;padding-top:80px}.content{margin:0 auto;max-width:1200px;padding:20px;width:100%}@media (max-width:768px){.banner{min-height:75vh}section{min-height:70vh;padding:0 15px}.content{padding:15px}}.btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;gap:8px;padding:10px 20px;pointer-events:auto;position:relative;text-decoration:none;transition:all .3s ease;z-index:10}.btn:before{display:none}.btn:hover{background:#61dafb33;border-color:#61dafb80;box-shadow:0 5px 15px #61dafb4d;transform:translateY(-3px)}.btn:active{transform:translateY(-1px)}.btn.download{background:#61dafb26;border-color:#61dafb4d}.btn.download:hover{background:#61dafb40}.icon{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#fffc;cursor:pointer;font-size:24px;padding:8px;pointer-events:auto;position:relative;transition:all .3s ease;z-index:10}.icon:hover{background:#61dafb1a;box-shadow:0 5px 15px #61dafb33;color:#61dafb;transform:translateY(-3px)}.buttons{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.buttons,.social-link{align-items:center;justify-content:center}.social-link{cursor:pointer;display:inline-flex;pointer-events:auto;position:relative;text-decoration:none;z-index:10}.navbar li:active{transform:translateY(1px)}.btn,.navbar,.social-link,section{position:relative;z-index:2}.breathing-background:after,.breathing-background:before{pointer-events:none!important;z-index:-1}h1{margin:0 0 20px}h2,p{margin:0 0 15px}#about{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:70vh;padding:50px 20px;text-align:center}#about h1{color:#fff;font-size:2.5em;margin-bottom:30px}#about p{word-wrap:break-word;color:#ffffffe6;font-size:1.2em;line-height:1.8;margin:0 auto;max-width:800px;text-align:center;white-space:normal}@media (max-width:768px){#about{min-height:65vh;padding:40px 15px}#about p{font-size:1.1em;padding:0 10px}}.skills-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:15px auto;padding:10px;width:95%}.skill-item{align-items:center;background:#ffffff0d;border:1px solid #afd9e533;border-radius:12px;display:flex;flex-direction:column;gap:8px;min-height:100px;padding:15px 10px}.skill-item:hover{background:#61dafb1a;border-color:#61dafb80;box-shadow:0 5px 15px #61dafb33;transform:translateY(-5px)}.skill-icon{color:#61dafb;font-size:2em;margin-bottom:10px}.skill-name{color:#ffffffe6;font-size:1em;font-weight:500}.skills-section{margin-bottom:30px;max-width:1100px;width:100%}.skills-section h2{font-size:1.5em;text-align:center}@media (max-width:768px){.skills-container{gap:10px;grid-template-columns:repeat(3,1fr);padding:5px;width:100%}.skill-item{align-items:center;display:flex;flex-direction:column;font-size:.9em;justify-content:center;min-height:100px;padding:2px}.skill-icon{color:#61dafb;font-size:3.5em;margin-bottom:10px}.skill-name{font-size:1.4em;font-weight:500;margin-top:0}.skill-details{display:none}.skills-section{margin-bottom:20px}.skills-section h2{font-size:1.2em;margin-bottom:10px}@media (max-width:480px){.skills-container{grid-template-columns:repeat(2,1fr)}}}.projects-container{display:flex;flex-direction:column;gap:30px;margin:10px auto;max-width:1200px;padding:20px;width:90%}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 4px 15px #0003;display:flex;overflow:hidden;transition:all .3s ease}.project-card:hover{border-color:#61dafb4d;box-shadow:0 8px 25px #61dafb33;transform:translateY(-5px)}.project-content{flex:1 1;padding:30px}.project-content h2{color:#fff;font-size:1.8em;margin-bottom:15px}.project-content p{color:#fffc;font-size:1.1em;line-height:1.6;margin-bottom:20px}.project-image{background-position:50%;background-size:cover;flex:1 1;min-height:300px;position:relative}.tech-stack{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.tech-tag{background:#61dafb1a;border:1px solid #61dafb4d;border-radius:20px;color:#61dafb;font-size:.9em;padding:5px 15px;transition:all .3s ease}.tech-tag:hover{background:#61dafb33;transform:translateY(-2px)}@media (max-width:768px){.project-card{flex-direction:column}.project-content{padding:20px}.project-image{min-height:200px}.project-content h2{font-size:1.5em}.project-content p{font-size:1em}}#contact{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 20px}#contact h1{color:#fff;font-size:2.5em;margin-bottom:20px}#contact p{color:#ffffffe6;font-size:1.2em;margin-bottom:30px;text-align:center}#contact a{color:#61dafb;text-decoration:none;transition:all .3s ease}#contact a:hover{text-decoration:underline}.contact-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin:0 auto;max-width:800px;padding:40px;width:100%}.form-input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1em;margin-bottom:20px;padding:15px;transition:all .3s ease;width:100%}.form-input:focus{background:#ffffff26;border-color:#61dafb;outline:none}.form-input::placeholder{color:#ffffff80}.form-input.message{min-height:150px;resize:vertical}.submit-container{display:flex;justify-content:flex-end;margin-top:20px}.submit-btn{align-items:center;background:#61dafb33;border:1px solid #61dafb4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.1em;gap:10px;padding:12px 30px;transition:all .3s ease}.submit-btn:hover{background:#61dafb4d;transform:translateY(-2px)}.submit-btn:disabled{background:#ffffff1a;cursor:not-allowed;transform:none}.submit-btn i{font-size:1.1em}.error-message,.success-message{border-radius:5px;margin-top:15px;padding:10px;text-align:center}.success-message{background:#4caf501a;color:#4caf50}.error-message{background:#f443361a;color:#f44336}@media (max-width:768px){#contact{padding:15px}#contact h1{font-size:1.8em;margin-bottom:15px}#contact p{font-size:.9em;margin-bottom:20px;padding:0 10px;text-align:center}.contact-form{margin:0 auto;max-width:400px;padding:15px;width:90%}.form-input{border-radius:8px;box-sizing:border-box;font-size:.9em;margin-bottom:15px;padding:12px;width:100%}.form-input.message{min-height:120px;resize:vertical}.submit-container{display:flex;justify-content:center;margin-top:20px;width:100%}.submit-btn{font-size:1em;padding:10px 30px}.error-message,.success-message{font-size:.85em;margin-top:10px;padding:8px}.timeline-marker,.timeline-year,.timeline:after{display:none}.timeline{padding:20px 10px}.timeline-item{display:flex;flex-direction:column;margin:0 auto 5px;width:100%}.timeline-content.left:empty,.timeline-content.left[style*="visibility: hidden"]{display:none}.timeline-content.left:not(:empty){background:#ffffff0d;border-radius:12px;margin:0;padding:20px;text-align:center;width:100%}.timeline-content.right:empty,.timeline-content.right[style*="visibility: hidden"]{display:none}.timeline-content.right:not(:empty){background:#ffffff0d;border-radius:12px;margin:0;padding:20px;text-align:center;width:100%}.timeline-content h3{color:#61dafb;font-size:1.3em;margin-bottom:8px}.timeline-content h4{color:#fff;font-size:1.1em;margin-bottom:10px}.timeline-content p{color:#fffc;font-size:.95em;line-height:1.5;margin-bottom:12px}.timeline-date{background:#61dafb1a;border-radius:15px;display:inline-block;font-size:.9em;padding:5px 12px}}.copyright{color:#fffc;font-size:.95em;margin-bottom:8px}.about-website{color:#fff9;font-size:.85em;line-height:1.4;margin:0 auto;max-width:600px}@media (max-width:768px){.footer{padding:20px 0}.footer-content{padding:0 15px}.about-website,.copyright{font-size:.8em}}.timeline:after{background:#61dafb4d;bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.timeline-item{align-items:center;display:flex;justify-content:center;margin:50px 0;position:relative}.timeline-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:25px;position:relative;transition:all .3s ease;width:calc(50% - 50px)}.timeline-content:hover{border-color:#61dafb4d;box-shadow:0 5px 15px #61dafb33;transform:translateY(-5px)}.timeline-content.left{margin-right:50px;text-align:right}.timeline-content.right{margin-left:50px;text-align:left}.timeline-marker{align-items:center;background:#61dafb33;border:3px solid #61dafb80;border-radius:50%;display:flex;height:40px;justify-content:center;position:relative;width:40px;z-index:1}.timeline-marker i{color:#61dafb;font-size:1.2em}.timeline-content h3{color:#61dafb;font-size:1.4em;margin-bottom:10px}.timeline-content h4{color:#ffffffe6;font-size:1.1em;margin-bottom:10px}.timeline-content p{color:#ffffffb3;font-size:1em;line-height:1.6;margin-bottom:15px}.timeline-date{background:#61dafb1a;display:inline-block;font-size:.9em}.timeline-date,.timeline-year{border:1px solid #61dafb4d;border-radius:20px;color:#61dafb;padding:5px 15px}.timeline-year{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#61dafb26;font-size:1.2em;left:50%;margin-top:-50px;position:absolute;transform:translateX(-50%);z-index:2}@media (max-width:768px){.timeline-marker,.timeline-year,.timeline:after{display:none}.timeline{margin:10px auto;padding:1px 10px}.timeline-item{display:flex;flex-direction:column;margin:0 auto 5px;width:100%}.timeline-content.left:empty,.timeline-content.left[style*="visibility: hidden"]{display:none}.timeline-content.left:not(:empty){background:#ffffff0d;border-radius:12px;margin:5px;padding:20px;text-align:center;width:90%}.timeline-content.right:empty,.timeline-content.right[style*="visibility: hidden"]{display:none}.timeline-content.right:not(:empty){background:#ffffff0d;border-radius:12px;margin:0;padding:20px;text-align:center;width:90%}.timeline-content h3{color:#61dafb;font-size:1.3em;margin-bottom:8px}.timeline-content h4{color:#fff;font-size:1.1em;margin-bottom:10px}.timeline-content p{color:#fffc;font-size:.95em;line-height:1.5;margin-bottom:12px}.timeline-date{background:#61dafb1a;border-radius:15px;display:inline-block;font-size:.9em;padding:5px 12px}}.banner .content{align-items:center;display:flex;gap:50px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:100px 20px}.banner-left{flex:1 1;text-align:left}.banner-right{align-items:center;display:flex;flex:1 1;justify-content:center}.profile-photo{border:3px solid #61dafb4d;border-radius:50%;box-shadow:0 0 20px #61dafb33;height:300px;object-fit:cover;object-position:50% 50%;transform:scale(.9);transform-origin:center center;transition:all .3s ease;width:300px}.profile-photo:hover{border-color:rgba(39,208,255,.283);box-shadow:0 0 30px #61dafb4d;transform:scale(1.1)}@media (max-width:768px){.banner .content{flex-direction:column;gap:20px;padding:40px 20px;text-align:center}.banner-main{flex-direction:column;gap:30px}.banner-text{order:2;text-align:center}.banner-right{order:1}.profile-photo{height:180px;margin:0 auto;width:180px}.banner-text h1{font-size:1.8em;margin-bottom:15px}.banner-text h2{font-size:1em;line-height:1.5;margin-bottom:20px}.buttons{gap:10px;justify-content:center}}.banner-content{flex-direction:column;gap:180px;padding-bottom:40px;padding-top:50px}.banner-content,.banner-main{align-items:center;display:flex;width:100%}.banner-main{gap:50px;justify-content:space-between}.about-section{border-top:1px solid #ffffff1a;margin:60px auto 0;max-width:950px;padding-bottom:5px;padding-top:100px;text-align:center;width:100%}.about-title{color:#c5f3ffe3;font-size:2em;margin-bottom:20px;text-align:center}.about-description{color:#ffffffe6!important;font-family:Roboto,sans-serif;font-size:1.3em!important;font-weight:400;line-height:1.8;margin:0 auto;max-width:950px;padding:0 30px;text-align:center}@media (max-width:768px){.banner-content{gap:80px}.about-section{margin-top:40px;padding-top:40px}.about-description{font-size:1.1em!important;padding:0 15px}}.banner-text{flex:1 1;max-width:600px;text-align:left}.banner-text h1{color:#fff;font-size:2.5em;margin-bottom:20px}.banner-text h2{color:#ffffffe6;font-size:1.3em;line-height:1.6;margin-bottom:25px}.banner-text .highlight{color:#61dafb;font-weight:700}@media (max-width:768px){.banner-text{text-align:center}.banner-text h1{font-size:2em}.banner-text h2{font-size:1.2em}}.skill-details{color:#ffffffb3;font-size:.85em;line-height:1.4;margin-top:8px}.skill-item{min-height:120px}.skills-section{margin-bottom:40px}.skills-section h2{color:#61dafb;font-size:1.6em;margin-bottom:15px}section h1{color:#fff;font-size:2.5em;margin-bottom:30px;text-align:center}@media (max-width:768px){section h1{font-size:2em;margin-bottom:5px}.navbar{flex-direction:column}.banner-text{font-size:1.5rem}}.nav-toggle{background:#0000;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5em}@media (max-width:768px){.nav-toggle{display:block}.navbar ul{background:#151515b3;display:none;flex-direction:column;left:0;position:absolute;top:60px;width:100%;z-index:9999}.navbar.open ul{display:flex}body{font-size:.67rem}h1,h2{font-size:1.072em}h3{font-size:.938em}p{font-size:.67em}.navbar li{font-size:.6365em}.btn{font-size:.67em}}.timeline{margin:40px auto;max-width:1200px;padding:0 20px;position:relative}@media (max-width:768px){.timeline{padding:0 10px}.timeline-item{flex-direction:column;margin:20px 0}.timeline-content{padding:15px;width:100%}.timeline-marker{margin-bottom:10px}.timeline-year{display:none}.contact-form{margin:0 auto;max-width:400px;padding:15px;width:90%}.form-input{border-radius:8px;box-sizing:border-box;font-size:.9em;margin-bottom:15px;padding:12px;width:100%}.form-input.message{min-height:120px;resize:vertical}.submit-container{display:flex;justify-content:center;margin-top:20px;width:100%}.submit-btn{font-size:1em;padding:10px 30px}#contact p{font-size:.9em;margin-bottom:25px;padding:0 20px;text-align:center}}@media (max-width:480px){.contact-form{padding:10px;width:95%}#contact p{font-size:.85em}}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#151515b3;border-top:1px solid #ffffff1a;margin-top:50px;padding:30px 0;width:100%}.footer-content{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:800px;padding:0 20px;width:100%}.footer-text{text-align:center;width:100%}.navbar li a{border-radius:15px;color:#fffc;display:block;padding:8px 16px;text-decoration:none;transition:all .3s ease}.navbar li a:hover{background:#61dafb1a;color:#61dafb}.navbar li a.active{background:#61dafb33;box-shadow:0 2px 10px #61dafb4d;color:#61dafb}.blog-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:100px 2rem 2rem}.blog-header{margin-bottom:3rem;padding:2rem 0;text-align:center}.blog-header h1{color:#fff;font-size:2.5rem;margin-bottom:1rem}.blog-header p{color:#fffc;font-size:1.2rem}.blog-posts{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:20px}.blog-post{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #61dafb1a;border-radius:15px;transition:all .3s ease}.blog-post:hover{border-color:#61dafb4d;box-shadow:0 5px 15px #61dafb33;transform:translateY(-5px)}.post-image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:200px}.post-content{padding:1.5rem}.post-content h2{color:#fff;font-size:1.5rem;margin-bottom:1rem}.post-meta{align-items:center;color:#fff9;display:flex;font-size:.9rem;gap:1rem;margin-bottom:1rem}.post-category{background:#61dafb1a;border-radius:15px;color:#61dafb;padding:.2rem .5rem}.reading-time{color:#fff9;font-size:.9em}.post-content p{color:#fffc;line-height:1.6;margin-bottom:1rem}.read-more{color:#61dafb;display:inline-block;font-weight:500;text-decoration:none;transition:color .3s ease}.read-more:hover{color:#fff}@media (max-width:768px){.blog-container{padding:80px 1rem 1rem}.blog-posts{grid-template-columns:1fr}.blog-header h1{font-size:2rem}}.blog-post-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:15px;margin:100px auto 40px;max-width:800px;padding:2rem}.blog-post-header{margin-bottom:2rem;text-align:center}.blog-post-header h1{color:#fff;font-size:2.5rem;margin-bottom:1rem}.blog-post-content{color:#ffffffe6;line-height:1.8}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3{color:#61dafb;margin:1.5em 0 .8em}.blog-post-content p{margin:1em 0}.blog-post-content code{background:#61dafb1a;border-radius:3px;font-family:monospace;padding:.2em .4em}.back-link{color:#3498db;display:inline-block;font-weight:500;margin-top:2rem;text-decoration:none}.back-link:hover{text-decoration:underline}.post-link{color:inherit;display:block;text-decoration:none}.post-link:hover .post-content{transform:translateY(-5px)}
/*# sourceMappingURL=main.df1aa39d.css.map*/