:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:dark;background-color:#05060a;color:#f7f7f7}body{margin:0}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid #22252f;position:sticky;top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;z-index:10}.logo{font-weight:700;letter-spacing:.04em}.app:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/assets/Pages_Background-DjiXoxhL.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;opacity:.5;z-index:-1;pointer-events:none}.app-main{flex:1;max-width:920px;width:100%;margin:0 auto;padding:2rem 1.25rem 3rem;position:relative}.app-footer{padding:1rem 2rem;border-top:1px solid #22252f;font-size:.85rem;text-align:right;opacity:.7}.nav{display:flex;gap:1rem}.nav-link{padding:.4rem .8rem;border-radius:999px;font-size:.95rem;opacity:.8;transition:opacity .2s ease,background .2s ease}.nav-link:hover{opacity:1;background:#1b1f2e}.nav-link.active{background:#3b82f6;color:#fff;opacity:1}.btn{padding:.7rem 1.4rem;border-radius:999px;border:none;background:#3b82f6;color:#fff;font-weight:500;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease}.btn:hover{transform:translateY(-1px)}.btn-secondary{background:transparent;border:1px solid #3b82f6}.card-grid{display:grid;gap:1.25rem;margin-top:1.5rem}.card{padding:1.5rem 1.4rem;border-radius:.9rem;border:1px solid #22252f;background:#080a12;transition:all .3s ease}.card:hover{transform:translateY(-4px);border-color:#3b82f6;box-shadow:0 12px 30px #3b82f640;background:#0a0d18}.card h2{margin-top:0;margin-bottom:.75rem}.card-tech{font-size:.9rem;opacity:.85;margin-bottom:.75rem;display:block}.contact-box{margin-top:2rem;padding:1.8rem 1.6rem;border-radius:.9rem;border:1px solid #22252f;background:#080a12;opacity:0;transition:all .3s ease}.contact-box:hover{border-color:#3b82f6;box-shadow:0 12px 30px #3b82f626;background:#0a0d18}.contact-box p{margin:1rem 0;font-size:1.05rem}.contact-box p:first-child{margin-top:0}.contact-box p:last-child{margin-bottom:0}.contact-box strong{color:#3b82f6;font-weight:600;display:inline-block;min-width:80px}.contact-link{color:#3b82f6;font-weight:500;text-decoration:none;position:relative;padding:.3rem .6rem;border-radius:6px;transition:all .3s ease;display:inline-block;margin-left:.25rem}.contact-link:after{content:"";position:absolute;bottom:.2rem;left:.6rem;width:calc(100% - 1.2rem);height:2px;background:linear-gradient(90deg,#3b82f6,#60a5fa);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.contact-link:hover{color:#60a5fa;background:#3b82f626;transform:translate(4px)}.contact-link:hover:after{transform:scaleX(1)}.contact-box .contact-link.email-link:hover{background:#3b82f626}.contact-box .contact-link.github-link{color:#3b82f6}.contact-box .contact-link.github-link:after{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.contact-box .contact-link.github-link:hover{color:#60a5fa;background:#3b82f626}.contact-box .contact-link.linkedin-link{color:#0a66c2}.contact-box .contact-link.linkedin-link:after{background:linear-gradient(90deg,#0a66c2,#0077b5)}.contact-box .contact-link.linkedin-link:hover{color:#0077b5;background:#0a66c226}@media(min-width:720px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.page h1{font-size:2.3rem;margin-bottom:.5rem}.page p{line-height:1.6;max-width:60rem}.home-actions{margin-top:1.5rem;display:flex;gap:1rem;flex-wrap:wrap}.hero{display:flex;align-items:center;justify-content:space-between;gap:3rem;margin-top:2rem;flex-direction:column}.hero-text{flex:1;width:100%}.hero-text h1{font-size:2.4rem;margin-bottom:1rem}.hero-photo{flex:1;display:flex;justify-content:center;width:100%}.hero-photo img{width:100%;max-width:350px;height:auto;border-radius:16px;object-fit:cover;box-shadow:0 20px 60px #0006;transition:transform .3s ease,box-shadow .3s ease}.hero-photo img:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 25px 70px #3b82f64d}.projects-page h1{margin-bottom:.5rem}.projects-page .card-grid{margin-top:2rem}.projects-page .card{opacity:0}.projects-page .card h2{color:#3b82f6;font-size:1.3rem;margin-bottom:.5rem;font-weight:600}.projects-page .card-tech{color:#60a5fa;font-weight:500;margin-bottom:.75rem}.projects-page .card p:last-child{line-height:1.7;opacity:.9}.github-link{background-color:#080a12;color:#3b82f6;font-weight:600;text-decoration:none;position:relative;padding:.2rem .5rem;border-radius:6px;transition:all .3s ease;display:inline-block}.github-link:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#3b82f6,#60a5fa);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.github-link:hover{color:#60a5fa;background:#3b82f61a;transform:translateY(-2px)}.github-link:hover:before{transform:scaleX(1)}.contact-page h1,.certifications-page h1{margin-bottom:.5rem}.certifications-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:3rem;margin-top:2rem;flex-direction:column}.certifications-content{flex:1;width:100%}.certifications-content h1{font-size:2.4rem;margin-bottom:1rem}.certifications-list{margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem}.certification-card{padding:1.5rem 1.4rem;border-radius:.9rem;border:1px solid #22252f;background:#080a12;transition:all .3s ease;opacity:0}.certification-card:hover{transform:translateY(-4px);border-color:#3b82f6;box-shadow:0 12px 30px #3b82f640;background:#0a0d18}.certification-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.certification-card h2{color:#3b82f6;font-size:1.3rem;margin:0;font-weight:600}.certification-issuer{color:#60a5fa;font-weight:500;font-size:.95rem}.certification-date{color:#9ca3af;font-size:.9rem;margin-bottom:.75rem;font-weight:500}.certification-description{line-height:1.7;opacity:.9;margin-bottom:1rem}.certification-link-btn{display:inline-block;padding:.6rem 1.2rem;border-radius:6px;background:#3b82f61a;color:#3b82f6;text-decoration:none;font-weight:500;font-size:.95rem;border:1px solid rgba(59,130,246,.3);transition:all .3s ease}.certification-link-btn:hover{background:#3b82f633;border-color:#3b82f6;color:#60a5fa;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.certifications-badge{flex:1;display:flex;justify-content:center;align-items:center;width:100%}.certifications-badge img{width:100%;max-width:350px;height:auto;border-radius:16px;object-fit:contain;box-shadow:0 20px 60px #0006;transition:transform .3s ease,box-shadow .3s ease}.certifications-badge img:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 25px 70px #3b82f64d}.skills-page h1{margin-bottom:.5rem}.skills-grid{display:grid;gap:1.5rem;margin-top:2rem}.skills-column{padding:1.5rem 1.25rem;border-radius:.9rem;border:1px solid #22252f;background:#080a12;transition:all .3s ease;opacity:0}.skills-column:hover{transform:translateY(-4px);border-color:#3b82f6;box-shadow:0 12px 30px #3b82f633;background:#0a0d18}.skills-column h2{font-size:1.2rem;margin-bottom:1rem;color:#3b82f6;font-weight:600}.skills-column ul{list-style:none;padding-left:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.skills-column li{font-size:.95rem;padding:.5rem .75rem;border-radius:6px;background:#3b82f60d;border:1px solid transparent;transition:all .2s ease;opacity:0;transform:translate(-10px)}.skill-item{animation:slideInLeft .5s ease-out forwards}.skills-column li:hover{background:#3b82f626;border-color:#3b82f64d;transform:translate(4px);opacity:1!important}@media(min-width:720px){.hero{flex-direction:row;align-items:center}.hero-photo img{max-width:400px}.certifications-hero{flex-direction:row;align-items:flex-start}.certifications-badge img{max-width:350px}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:.9;transform:translate(0)}}.fade-in-up{opacity:0;animation:fadeInUp .8s ease-out forwards}.fade-in-right{opacity:0;animation:fadeInRight .8s ease-out forwards}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}.delay-4{animation-delay:.8s}.delay-5{animation-delay:1s}