body,html{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*,*:before,*:after{box-sizing:inherit}.App{text-align:center}.site-header{background-color:#fff;padding:15px 0;position:sticky;top:0;width:100%;z-index:100;box-shadow:0 2px 5px #0000001a;border-bottom:1px solid #e0e0e0;transition:background-color .4s ease,backdrop-filter .4s ease,box-shadow .4s ease}.site-header .wrapper{max-width:1100px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.brand-logo{font-size:1.6rem;font-weight:700;color:#2c3e50;text-decoration:none;background:linear-gradient(90deg,#2a7af3,#3516a5,#02abe9f4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:glowing 2.5s ease-in-out infinite}.site-nav ul{list-style:none;margin:0;padding:0;display:flex}.site-nav li{margin-left:25px}.site-nav a{text-decoration:none;color:#34495e;font-weight:500;padding:5px 0;position:relative;transition:color .3s ease-in-out;background:linear-gradient(90deg,#045cea,#3516a5,#02abe9f4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:glowing 2.5s ease-in-out infinite}.site-nav a:after{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#3498db;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-in-out}.site-nav a:hover{color:#3498db}.site-nav a:hover:after{transform:scaleX(1);transform-origin:bottom left}@media screen and (max-width: 768px){.site-header .wrapper{justify-content:space-between;align-items:center;padding:0 10px;display:flex}.brand-logo{font-size:1.2rem;animation:none}.site-nav{overflow-x:initial}.site-nav ul{white-space:nowrap;display:flex}.site-nav li{margin-left:10px}.site-nav a{font-size:.9rem;padding:5px}}.hero-container{display:flex;justify-content:center;align-items:center;text-align:center;height:90vh;padding:0 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.hero-content{max-width:800px}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:.5rem;line-height:1.2;background:linear-gradient(90deg,#acf,#fff,#acf);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 5px rgba(255,255,255,.9),0 0 10px rgba(0,123,255,.8),0 0 20px rgba(0,123,255,.8),0 0 25px rgba(0,123,255,.7),}.hero-subtitle{font-size:1.5rem;font-weight:400;margin-bottom:2rem;opacity:.9;background:linear-gradient(90deg,#acf,#fff,#acf);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 5px rgba(255,255,255,.9),0 0 10px rgba(0,123,255,.8),0 0 20px rgba(0,123,255,.8),}.hero-button{display:inline-block;background-color:#fff;color:#0626b4;padding:14px 32px;border-radius:50px;font-size:1rem;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:1px;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 15px #0000001a}.hero-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0003}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}}.hero-profile-picture{width:200px;height:200px;border-radius:70%;object-fit:cover;margin-bottom:25px;border:5px solid rgba(255,255,255,.9);box-shadow:0 5px 20px #0003;background:linear-gradient(45deg,#667eea,#764ba2)}.hero-profile-picture:hover{transform:scale(1.3) rotate(3deg);box-shadow:0 20px 35px #2502ed80}.about-section{padding:80px 20px;background-color:#f9f9f9;overflow-x:hidden}.about-container{max-width:900px;margin:0 auto;text-align:center}.about-title,.about-description{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.about-container.is-visible .about-title{opacity:1;transform:translateY(0);transition-delay:.2s}.about-container.is-visible .about-description{opacity:1;transform:translateY(0);transition-delay:.4s}.about-title{font-size:2.5rem;font-weight:700;color:#050505;margin-bottom:20px;position:relative;display:inline-block;transition:text-shadow .3s ease,color .3s ease}.about-title:hover{color:#fff;text-shadow:0 0 5px rgb(205,205,214),0 0 10px #00f,0 0 20px #0ff,0 0 40px #0ff}.about-title:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-5px;width:60%;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.about-description{font-size:1.2rem;line-height:1.8;color:#010e11;margin-bottom:15px;letter-spacing:2px;text-align:justify}@media (max-width: 768px){.about-description{text-align:justify;font-size:1rem;letter-spacing:1px;margin-bottom:20px;padding-left:20px;padding-right:20px}}.projects-section{padding:80px 20px;background-color:#f8f9fa;overflow-x:hidden}.projects-container{max-width:1100px;margin:0 auto;text-align:center}.projects-title{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:50px;position:relative;display:inline-block}.projects-title:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-5px;width:60%;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;justify-content:center}.project-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000012;transition:transform .5s ease,box-shadow .3s ease,opacity .5s ease;overflow:hidden;text-align:left;display:flex;flex-direction:column;opacity:0;transform:translateY(30px)}.projects-grid.is-visible .project-card{opacity:1;transform:translateY(0)}.project-card:hover{transform:translateY(-10px);box-shadow:0 12px 35px #0000001f}.project-image-container{width:100%;height:200px;overflow:hidden}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image{transform:scale(1.05)}.project-content{padding:25px;display:flex;flex-direction:column;flex-grow:1}.project-card-title{font-size:1.5rem;font-weight:600;color:#333;margin:0 0 15px}.project-card-description{font-size:1rem;line-height:1.6;color:#555;margin-bottom:20px;flex-grow:1}.project-card-link{color:#667eea;text-decoration:none;font-weight:600;transition:color .3s ease;align-self:flex-start}.project-card-link:hover{color:#764ba2;text-decoration:underline}.contact-section{padding:80px 20px;background-color:#f9f9f9;text-align:center;overflow-x:hidden}.contact-container{max-width:800px;margin:0 auto}.contact-title,.contact-subtitle,.contact-email-button,.social-links a{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.contact-container.is-visible .contact-title{opacity:1;transform:translateY(0);transition-delay:.2s}.contact-container.is-visible .contact-subtitle{opacity:1;transform:translateY(0);transition-delay:.4s}.contact-container.is-visible .contact-email-button{opacity:1;transform:translateY(0);transition-delay:.6s}.contact-container.is-visible .social-links a:nth-child(1){opacity:1;transform:translateY(0);transition-delay:.8s}.contact-container.is-visible .social-links a:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.9s}.contact-container.is-visible .social-links a:nth-child(3){opacity:1;transform:translateY(0);transition-delay:1s}.contact-title{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:20px;position:relative;display:inline-block}.contact-title:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-5px;width:60%;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.contact-subtitle{font-size:1.2rem;color:#555;line-height:1.6;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.contact-title:hover{color:#fff;text-shadow:0 0 5px rgb(205,205,214),0 0 10px #00f,0 0 20px #0ff,0 0 40px #0ff}.contact-email-button{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 40px;border-radius:50px;font-size:1.1rem;font-weight:600;text-decoration:none;box-shadow:0 4px 15px #0003}.contact-email-button:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000004d}.social-links{margin-top:50px;display:flex;justify-content:center;gap:30px}.social-links a{color:#555;text-decoration:none}.social-links a:hover{color:#667eea}.site-footer{background-color:#2c3e50;color:#bdc3c7;padding:30px 20px;text-align:center}.footer-container{max-width:1100px;margin:0 auto}.site-footer p{margin:0;font-size:.9rem}.skillset-section{padding:80px 20px;background-color:#fff;text-align:center;overflow-x:hidden}.skillset-container{max-width:900px;margin:0 auto}.skillset-title{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:50px;position:relative;display:inline-block}.skillset-title:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-5px;width:60%;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:30px;align-items:center}.skill-card{transition:opacity .5s ease,transform .5s ease;display:flex;justify-content:center;align-items:center;opacity:0;transform:translateY(20px)}.skill-icon{width:64px;height:64px}.skill-icon img{max-width:100%;max-height:100%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:transform .3s ease,filter .3s ease}.skill-card:hover .skill-icon img{transform:scale(1.2) rotate(-5deg);filter:drop-shadow(0 8px 15px rgba(102,126,234,.5))}.skills-grid.is-visible .skill-card{opacity:1;transform:translateY(0)}.skills-grid.is-visible .skill-card:nth-child(1){transition-delay:.1s}.skills-grid.is-visible .skill-card:nth-child(2){transition-delay:.2s}.skills-grid.is-visible .skill-card:nth-child(3){transition-delay:.3s}.skills-grid.is-visible .skill-card:nth-child(4){transition-delay:.4s}.skills-grid.is-visible .skill-card:nth-child(5){transition-delay:.5s}.skills-grid.is-visible .skill-card:nth-child(6){transition-delay:.6s}