body{background-color:#1a102a;font-family:Montserrat;margin:0;overflow-x:hidden}.header{background-color:#0d0d0d;color:#d8d8d8;padding:15px;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;height:60px;border-bottom:1px solid #1f1f1f;width:auto;z-index:1000}.header.scrolled{background-color:#0d0d0db3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo-container{margin-left:20px;display:flex;align-items:center;gap:10px}.logo-img{width:40px;height:40px;object-fit:contain}.logo-text{font-size:1.5rem;font-weight:700;color:#d8d8d8}.nav{display:flex;gap:45px;position:static;margin-right:50px;font-family:roboto;font-weight:300}.nav a{text-decoration:none;color:#d8d8d8;font-size:1rem;transition:all .3s ease}.nav a:hover{color:#c9f31d}.mobile-menu{position:fixed;top:55px;right:0;width:100%;height:auto;background:#0d0d0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #2a2a2a;border-top:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;transform:translateY(-20px);opacity:0;pointer-events:none;transition:all .3s ease;z-index:2000}.mobile-menu.active{transform:translateY(0);opacity:1;pointer-events:auto}.close-btn{position:absolute;top:25px;right:30px;font-size:2rem;color:#d8d8d8;cursor:pointer}.mobile-nav{display:flex;flex-direction:column;gap:15px;width:100%;text-align:center}.mobile-nav a{font-size:1rem;color:#d8d8d8;text-decoration:none;font-weight:500;transition:.3s;display:inline-block}.mobile-nav a:hover{color:#c9f31d}.menu-toggle{display:none;border:1px solid #ad9c9c;padding:2px 6px;font-size:1rem;cursor:pointer;color:#d8d8d8;z-index:3000;position:relative}@media(max-width:1024px){.header{padding:10px 20px}.nav{gap:15px;font-size:.9rem}.logo-text{font-size:1.2rem}.logo-img{width:30px;height:30px}}@media(max-width:768px){.nav{display:none;margin-right:0}.menu-toggle{display:block}}.footer{background-color:#0d0d0d;color:#d8d8d8;text-align:center;padding:40px 20px;border-top:1px solid #1a1a1a}.footer-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.footer-brand img{width:40px;transition:.3s}.footer-brand h2{color:#c9f31d;font-size:1.5rem}.footer-brand:hover img{transform:scale(1.05)}.footer-brand:hover h2{opacity:.9}.footer-menu{list-style:none;display:flex;justify-content:center;gap:25px;margin-bottom:20px;padding:0}.footer-menu a{text-decoration:none;color:#94a3b8;position:relative;transition:color .3s ease;font-size:.95rem}.footer-menu a:hover{color:#c9f31d}.footer-menu a:after{content:"";position:absolute;width:0%;height:2px;background:#c9f31d;left:0;bottom:-5px;transition:width .3s ease}.footer-menu a:hover:after{width:100%}.footer-copy{font-size:.9rem;color:#666}.about{padding:80px 20px;background-color:#0d0d0d;color:#d8d8d8;width:100%;overflow-x:hidden}.about-title{text-align:center;font-size:2.5rem;margin-bottom:50px;color:#c9f31d}.reveal{opacity:0;transform:translateY(100px) scale(.95);transition:all 1s cubic-bezier(.25,1,.5,1)}.reveal.active{opacity:1;transform:translateY(0) scale(1)}.about-container{display:flex;align-items:center;justify-content:space-between;gap:50px;max-width:1100px;margin:0 auto}.about-image{opacity:0;transform:translate(-100px);transition:all .8s ease-out;transition-delay:.2s}.reveal.active .about-image,.reveal.active .about-text{opacity:1;transform:translate(0)}.about-image img{width:300px;height:400px;object-fit:cover;border-radius:10px}.about-text{max-width:600px;opacity:0;transform:translate(100px);transition:all .8s ease-out;transition-delay:.2s}.about-text p{font-size:1.1rem;color:#94a3b8;line-height:1.7;margin-bottom:20px;font-family:Montserrat}.skills{margin-top:30px}.skills h3{color:#c9f31d;margin-bottom:20px;text-align:center}.skills-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.skill-item{display:flex;flex-direction:column;align-items:center;text-align:center}.skill-item img{width:50px;height:50px;object-fit:contain;transition:.3s ease}.skill-item p{margin-top:8px;font-size:.9rem;color:#94a3b8}.skill-item:hover img{transform:scale(1.15)}.skill-item:hover p{color:#c9f31d}@media(max-width:768px){.about-container{flex-direction:column;text-align:center}.about-image img{width:250px;height:320px}.about-text{max-width:100%}.skills-icons{justify-content:center}.skills-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.skills-grid{grid-template-columns:repeat(3,1fr)}}.homeprojects{padding:80px 20px;text-align:center;background:#0d0d0d;width:100%}.homeprojects-title{font-size:2.5rem;margin-bottom:40px;color:#c9f31d}.homeprojects-subtext{color:#94a3b8;font-size:1rem;max-width:600px;margin:0 auto 30px;line-height:1.6;font-family:Montserrat}.homeprojects-subtext span{color:#c9f31d}.homeprojects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:1100px;margin:0 auto}.homeproject-card{position:relative;overflow:hidden;border-radius:10px}.homeproject-card img{width:100%;height:200px;object-fit:cover}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:.3s ease}.homeproject-card:hover .overlay{opacity:1}.overlay h3{color:#fff;margin-bottom:10px}.homeproject-buttons{display:flex;gap:10px}.btn.small{padding:6px 12px;font-size:.85rem;font-family:roboto}.btn{padding:10px 20px;background:#c9f31d;color:#000;text-decoration:none;border-radius:6px;transition:.3s}.homeprojects-btn{margin-top:40px}@media(max-width:1024px){.homeprojects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.homeprojects-grid{grid-template-columns:1fr}}.homecontact{text-align:center;padding:80px 20px}.homecontact h2{font-size:2rem;margin-bottom:10px;color:#c9f31d}.homecontact-text{color:#94a3b8;margin-bottom:30px}.homecontact-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.homecontact-links a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#111;padding:12px 20px;border-radius:10px;background:#f1f1f1;transition:all .3s ease}.homecontact-links a:hover{transform:translateY(-5px);background:#4f46e5;color:#fff;box-shadow:0 0 15px #c9f31d66}.homepage{width:100%}.homepage-header{background-image:url(/images/header-background.png);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative;padding-top:80px;margin-bottom:2px}.hero{position:relative;color:#fff;text-align:center;max-width:1100px;width:100%;margin:0 auto;padding:0 20px}.welcome{font-size:2.5rem;display:flex;justify-content:center;color:#c9f31d;letter-spacing:5px;margin-bottom:20px;font-family:roboto;cursor:pointer}.static{color:#c9f31d}.animated{display:flex}.letter{opacity:0;transform:translateY(20px);animation:fadeUp .5s ease forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.hero-content{display:flex;align-items:center;flex-wrap:wrap;gap:20px;justify-content:space-between}.name{font-size:3rem;margin-bottom:10px;font-family:Josefin Sans}.static-text{color:#94a3b8}.animated-name{display:inline-flex}.name-letter{color:#6f74d4;opacity:0;transform:translateY(20px);animation:fadeLoop 4s ease infinite}@keyframes fadeLoop{0%{opacity:0;transform:translateY(20px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.hero-text p{font-size:1.2rem;color:#94a3b8;line-height:1.7;max-width:500px;margin-bottom:25px;font-family:Montserrat}.hero-text p span{color:#c9f31d;text-shadow:0 0 8px rgba(201,243,29,.4)}.hero-buttons{display:flex;justify-content:center;gap:15px}.btn{padding:10px 20px;background:#c9f31d;color:#000;text-decoration:none;border-radius:6px;font-weight:500;transition:.3s}.btn:hover{background:#a3c914}.btn.outline{background:transparent;border:1px solid #C9F31D;color:#c9f31d}.btn.outline:hover{background:#c9f31d;color:#000}.hero-image img{width:100%;max-width:320px;height:auto;object-fit:cover;border-radius:10px}@media(max-width:768px){.hero-content{flex-direction:column;text-align:center;margin-bottom:30px}.welcome{font-size:1rem}.hero-image{margin-top:20px}.hero-image img{width:250px;height:350px}.hero-text p{font-size:.95rem;line-height:1.6;padding:0 10px}.hero-text h1{font-size:2rem}}@media(max-width:1024px){.hero-content{flex-direction:column;text-align:center;gap:40px}.hero-image img{width:250px;height:350px}.hero-buttons{justify-content:center}.hero-text p{font-size:1.05rem;text-align:center;max-width:600px;margin:0 auto 20px}}.aboutme{padding:80px 20px;background-color:#0d0d0d;color:#d8d8d8;width:100%;overflow-x:hidden}.aboutme-container{display:flex;flex-direction:column;gap:60px;max-width:1100px;margin:0 auto}.aboutme-title{text-align:center;font-size:2.5rem;margin-bottom:50px;color:#c9f31d;font-family:josefin sans}.aboutme-top{display:flex;align-items:center;gap:50px}.aboutme-image img{width:300px;height:400px;object-fit:cover;border-radius:10px}.aboutme-text{max-width:600px}.aboutme-text p{font-size:1.1rem;color:#94a3b8;line-height:1.7;margin-bottom:20px}.certification{margin-top:30px}.certification h3{color:#c9f31d;margin-bottom:25px;text-align:center;font-family:montserrat}.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.cert-item{text-align:center}.cert-item img{width:100%;border-radius:10px;border:1px solid #222;transition:.3s ease;cursor:pointer}.cert-item img:hover{transform:scale(1.05);box-shadow:0 0 15px #c9f31d66}.cert-item p{margin-top:10px;font-size:.9rem;color:#94a3b8}.cert-item:hover p{color:#c9f31d}.personality-container{display:flex;align-items:center;gap:30px;margin-top:40px}.personality-text{flex:1}.personality-text h3{color:#c9f31d;margin-bottom:15px}.personality-text p{color:#94a3b8;margin-bottom:15px}.personality-image img{width:200px;height:200px;object-fit:cover;border-radius:50%;border:2px solid #C9F31D}.resume-btn{display:inline-block;margin-top:30px;padding:12px 25px;background:#c9f31d;color:#0d0d0d;border-radius:8px;text-decoration:none;font-weight:600;transition:.3s;align-self:center}.resume-btn:hover{background:#dfff3f;transform:translateY(-3px)}@media(max-width:768px){.aboutme-container{flex-direction:column;text-align:center}.aboutme-image img{width:250px;height:320px}.personality-container{flex-direction:column;text-align:center}.personality-image img{width:150px;height:150px}.aboutme-top,.personality-container{flex-direction:column;text-align:center}}.contact-page{padding:100px 20px;text-align:center;background:#0d0d0d}.contact-page h2{font-size:2.5rem;color:#c9f31d;margin-bottom:30px;font-family:josefin sans}.contact-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:50px}.contact-links a{display:flex;align-items:center;gap:10px;color:#d8d8d8;text-decoration:none;padding:12px 20px;border-radius:10px;background:#111;border:1px solid #222;transition:.3s}.contact-links a:hover{background:#c9f31d;color:#0d0d0d;transform:translateY(-5px)}.contact-form{max-width:500px;margin:0 auto}.contact-form h3{color:#c9f31d;margin-bottom:15px}.contact-form textarea{width:100%;height:120px;padding:12px;border-radius:8px;border:1px solid #222;background:#111;color:#fff;margin-bottom:20px;resize:none;overflow:hidden}.contact-form textarea:focus{outline:none;border-color:#c9f31d}.btn{padding:12px 25px;background:#c9f31d;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn:hover{background:#dfff3f;transform:translateY(-3px);box-shadow:0 10px 20px #c9f31d4d}.projects-page{padding:100px 20px;background:#0d0d0d;text-align:center}.projects-page-title{font-size:2.5rem;color:#c9f31d;margin-bottom:20px;font-family:josefin sans}.projects-page-subtext{color:#94a3b8;max-width:600px;margin:0 auto 40px;font-size:1.1rem}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:1100px;margin:0 auto}.project-card{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 5px 15px #0000004d}.project-card img{width:100%;height:200px;object-fit:cover;transition:.4s ease}.project-card:hover img{transform:scale(1.1)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transform:translateY(20px);transition:.3s ease}.project-card:hover .overlay{opacity:1;transform:translateY(0)}.project-buttons{display:flex;gap:10px}.github-btn{margin-top:50px}@media(max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}}*{box-sizing:border-box}