:root{--bg-main:#f5f5f5;--bg-navy:#222326;--text-primary:#222326;--text-secondary:#6b6b6b;--accent:#888;--border-light:#d1d1d1}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.container{width:100%;max-width:1300px;margin-inline:auto;padding:2rem 1.2rem}h1,h2,h3{color:#222326}p{color:#6b6b6b}.card{border:1px solid var(--border-light);background:#ededed;border-radius:25px;margin-bottom:.5rem;padding:1.3rem;transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000004d}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}a{color:inherit;text-decoration:none}html{scroll-behavior:smooth}img{max-width:100%;display:block}::selection{background:#a78bfa59}.navbar{background-color:var(--bg-navy);border-bottom:1px solid #102a43;width:100%}.navbar-inner{justify-content:space-between;align-items:center;max-width:2000px;margin-inline:auto;padding:1rem 1.2rem;display:flex}.logo{color:#b7a5ff;font-size:1.35rem;font-weight:700}.nav-links{gap:1.2rem;display:flex}.nav-links a{color:#b7a5ff;font-size:1.05rem;transition:color .5s}.nav-links a:hover{color:#fff}@media (max-width:1100px){.nav-links{flex-wrap:wrap;gap:.5rem;margin-left:.6rem}}.footer-inner .copyright{color:#fff}.footer{background-color:var(--bg-navy);border-top:1px solid #102a43}.footer-inner{color:#fff;justify-content:space-between;align-items:center;max-width:2000px;margin-inline:auto;padding:1.2rem;font-size:.85rem;display:flex}@media (max-width:600px){.footer-inner{text-align:center;color:#fff;flex-direction:column;gap:.5rem}}.home{background-image:url(/assets/DSC_5159.JPG);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative;overflow:hidden}.home:before{content:"";z-index:1;background:linear-gradient(135deg,#0009,#0000004d);position:absolute;inset:0}.home-content{text-align:center;z-index:2;max-width:1000px;animation:1.5s ease-out fadeInUp;position:relative}.home-content h1{background:linear-gradient(45deg,#fff,#e2e8f0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:clamp(3rem,8vw,4.5rem);font-weight:700;animation:1s ease-out .5s both slideInFromLeft}.home-content p{color:#f1f5f9;margin-bottom:1rem;font-size:clamp(1.2rem,3vw,1.5rem);font-weight:300;animation:1s ease-out 1s both slideInFromRight}.home-content img{object-fit:cover;border:4px solid #fffc;border-radius:50%;width:300px;height:300px;margin:0 auto;transition:transform .3s,box-shadow .3s;display:block;box-shadow:0 10px 30px #00000080}.home-content img:hover{transform:scale(1.05);box-shadow:0 15px 40px #0006}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.about-text{color:#000;text-align:justify;max-width:1300px;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.connect-section{flex-wrap:wrap;gap:2rem;margin-bottom:2rem;display:flex}.connect-link{color:#333;background:#0000000d;border:1px solid #0000001a;border-radius:25px;align-items:center;gap:.8rem;padding:1rem 1.5rem;text-decoration:none;transition:all .3s;display:flex}.connect-link:hover{color:#fff;background:#333;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.connect-icon{object-fit:contain;flex-shrink:0;width:24px;height:24px}.connect-link:hover .connect-icon{color:#fff}.connect-link span{font-size:1rem;font-weight:500}.skills-section{margin-top:1rem}.skills-category{background:#00000008;border:1px solid #0000001a;border-radius:25px;margin-bottom:2rem;padding:1.5rem}.skills-category-title{color:#333;text-transform:uppercase;letter-spacing:.5px;margin:0 0 1rem;font-size:1.2rem;font-weight:600}.skills-list{flex-wrap:wrap;gap:.8rem;display:flex}.skill-tag{color:#fff;background:#333;border-radius:25px;padding:.4rem .8rem;font-size:.9rem;font-weight:500;transition:all .3s;display:inline-block}.skill-tag:hover{background:#555;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.education-section{margin-top:1rem}.education-item{background:#0000000d;border-left:4px solid #333;border-radius:25px;margin-bottom:1.5rem;padding:1rem}.education-degree{color:#333;margin:0 0 .5rem;font-size:1.2rem;font-weight:600}.education-details{margin-left:1rem}.education-specialization{color:#555;margin:0 0 .3rem;font-size:1rem;font-style:italic}.education-institution{color:#666;margin:0 0 .3rem;font-size:1rem}.education-graduation{color:#777;margin:0;font-size:.95rem}.section-title{color:#333;border-bottom:2px solid #333;margin-top:0;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.8rem}.experience-section{margin-top:1rem}.experience-item{text-align:justify;background:#00000008;border:1px solid #0000001a;border-left:4px solid #333;border-radius:25px;margin-bottom:2rem;padding:1rem}.experience-role{color:#333;margin:0 0 .5rem;font-size:1.3rem;font-weight:600}.experience-company{color:#555;margin:0 0 .3rem;font-size:1.1rem;font-weight:500}.experience-duration{color:#777;margin:0 0 .8rem;font-size:.95rem;font-style:italic}.experience-description{color:#444;margin:0;font-size:1rem;line-height:1.5}.gallery-grid{flex-direction:column;gap:2px;width:100vw;margin-left:50%;padding:0;display:flex;transform:translate(-50%)}.gallery-row{grid-template-columns:repeat(5,1fr);gap:2px;width:100vw;display:grid}.album-container{position:relative;overflow:hidden}.gallery-img{aspect-ratio:1;object-fit:cover;width:100%;box-shadow:none;border-radius:0;transition:transform .2s;display:block}.album-overlay{opacity:0;background:#000c;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.album-container:hover .album-overlay{opacity:1}.album-info{text-align:center;color:#fff;padding:20px}.album-info h3{color:#fff;margin:0 0 10px;font-size:1.4rem;font-weight:600}.album-info p{color:#fff;opacity:.9;margin:0;font-size:1.1rem}