*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Poppins",sans-serif;color:#112f4b;background:linear-gradient(135deg,#1778d4,#16c4c0);min-height:100vh}a{text-decoration:none;color:inherit}.site-shell{display:grid;grid-template-columns:74px 415px minmax(0,1fr);gap:18px;max-width:1780px;margin:16px auto;min-height:calc(100vh - 32px);padding:0 12px}.sidebar{background:#fff;border-radius:5px;display:flex;flex-direction:column;align-items:center;box-shadow:0 12px 35px #075b9330;position:sticky;top:16px;height:calc(100vh - 32px);z-index:10}.brand-mini{height:54px;width:100%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:19px;color:#08aeb2}.menu-toggle,.theme-toggle{border:0;background:#fff;width:100%;height:48px;font-size:22px;color:#102f4c;cursor:pointer}.sidebar nav{width:100%;display:flex;flex-direction:column;flex:1}.nav-item{height:105px;border-top:1px solid #edf2f5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#173650;font-size:21px;transition:.25s}.nav-item b{font-size:10px;letter-spacing:.3px}.nav-item:hover,.nav-item.active{background:#08b8bd;color:#fff}.profile-panel{background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 12px 35px #075b9330;position:sticky;top:16px;height:calc(100vh - 32px);align-self:start}.profile-hero{height:365px;background:linear-gradient(145deg,#0cc7c1,#1a9ec4);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.profile-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:36px 36px}.shape-one{position:absolute;width:260px;height:260px;border-radius:50%;background:#fff3;right:-100px;top:-115px}.shape-two{position:absolute;width:420px;height:130px;background:#fff;left:-100px;bottom:-75px;border-radius:50%;transform:rotate(-11deg);opacity:.9}.portrait-ring{width:225px;height:225px;border-radius:50%;background:#fff;padding:6px;z-index:2;box-shadow:0 15px 35px #003e5b33}.portrait-ring img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.mini-powerbi{position:absolute;z-index:3;right:62px;bottom:60px;background:#ffca3b;color:#173650;border-radius:50%;width:54px;height:54px;display:flex;align-items:center;justify-content:center;font-weight:800}.hand-note{position:absolute;z-index:3;right:26px;top:27px;color:#163650;font-size:18px;line-height:1.2;font-style:italic;transform:rotate(-4deg)}.profile-info{text-align:center;padding:25px 28px 0}.profile-info h1{margin:0;font-size:33px}.profile-info h2{margin:8px 0 3px;color:#05aeb4;font-size:15px}.profile-info>p{margin:0;color:#7b91a4;font-size:13px}.socials{display:flex;justify-content:center;gap:18px;margin:18px 0;font-weight:700}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.profile-stats div{background:#f3f8fa;border-radius:13px;padding:12px}.profile-stats strong{display:block;font-size:18px;color:#08afb4}.profile-stats small{font-size:9px;color:#6f8495}.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.btn{padding:14px 10px;border-radius:10px;font-size:11px;font-weight:700;text-align:center;display:inline-block}.btn.primary{background:linear-gradient(135deg,#07b7bf,#058fca);color:#fff}.btn.outline{border:1px solid #0aaeb4;color:#067f9a;background:#fff}.content{background:#fff;border-radius:5px;box-shadow:0 12px 35px #075b9320;overflow:hidden;min-width:0}.hero-section{padding:46px 48px 28px;display:grid;grid-template-columns:1.08fr .92fr;gap:34px;background:linear-gradient(135deg,#fff 62%,#f5fbfc)}.eyebrow{font-size:13px;font-weight:700;letter-spacing:1.3px;color:#1d3650;text-transform:uppercase}.hero-copy h2{font-size:38px;line-height:1.15;margin:18px 0 12px}.hero-copy h2 span,.section h2 span{color:#08b5ba}.accent-line{width:60px;height:5px;background:#f6c331;border-radius:5px;margin:17px 0}.lead,.hero-copy p{color:#667f93;font-size:14px;line-height:1.8}.hero-visual{position:relative;min-height:330px}.dashboard-window{position:absolute;left:0;right:90px;top:0;background:#092f50;border-radius:14px;padding:16px;box-shadow:0 20px 45px #0b496c22;transform:rotate(-1deg)}.window-bar{display:flex;align-items:center;gap:5px;color:#fff;font-size:9px}.window-bar span{width:7px;height:7px;background:#58d8d3;border-radius:50%}.window-bar label{margin-left:10px}.dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.dash-kpis b{background:#173f60;color:#fff;padding:9px;border-radius:6px;font-size:16px}.dash-kpis small{display:block;font-size:7px;color:#9fc0d0;font-weight:400}.fake-chart{height:120px;display:flex;align-items:end;gap:8px;margin:18px 5px 10px}.fake-chart i{display:block;flex:1;background:linear-gradient(#16c3c6,#258dd7);border-radius:3px 3px 0 0}.fake-pies{display:flex;gap:14px}.fake-pies span{width:54px;height:54px;border-radius:50%;background:conic-gradient(#13c1c3 0 65%,#ffca3b 65% 82%,#468ad7 82%);border:8px solid #173f60}.quote-card{position:absolute;right:0;bottom:0;width:250px;background:#f5fbfc;border-left:4px solid #0bb4b9;padding:18px 20px;box-shadow:0 15px 30px #0a4d6920}.quote-card strong{font-size:30px;color:#0bb4b9}.quote-card p{font-size:13px;line-height:1.7;color:#39566e;margin:0 0 10px}.quote-card small{color:#7b8e9d}.metrics-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 48px 28px}.metrics-strip div{background:#f3f8fa;border-radius:10px;padding:16px;display:grid;grid-template-columns:34px 1fr;column-gap:8px;align-items:center}.metrics-strip span{grid-row:1/3;font-size:20px;color:#08b3b8}.metrics-strip strong{font-size:21px}.metrics-strip small{font-size:9px;color:#71889a}.section{padding:38px 48px;border-top:1px solid #e9f0f3}.section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #e5edf1;padding-bottom:18px;margin-bottom:28px}.section h2{font-size:30px;margin:13px 0}.tabs{display:flex;gap:8px}.tab,.small-btn{border:0;background:#f3f7f9;color:#4a6477;border-radius:9px;padding:11px 15px;font-family:inherit;font-weight:600;font-size:11px;cursor:pointer}.tab.active{background:#08b6bc;color:#fff}.resume-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:36px}.timeline{border-left:2px solid #dbe9ed;padding-left:22px}.timeline-item{position:relative;padding:0 0 28px}.timeline-item:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#09b7bc;left:-29px;top:5px}.timeline-item time{display:inline-block;border:1px solid #7ddadd;color:#0ba4aa;padding:5px 9px;border-radius:5px;font-size:10px}.timeline-item h3{font-size:17px;margin:10px 0 2px}.timeline-item h4{font-size:12px;color:#7990a1;margin:0 0 9px}.timeline-item p,.timeline-item li{color:#6d8496;font-size:12px;line-height:1.7}.timeline-item ul{padding-left:18px}.side-card{background:#f7fafb;border-radius:12px;padding:22px;margin-bottom:18px}.side-card h3{margin-top:0}.side-card time,.side-card p{font-size:11px;color:#6d8496;line-height:1.7}.side-card h4{font-size:14px}.projects-section{background:#f8fbfc}.section-intro{font-size:13px;color:#71889a;line-height:1.7}.project-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.project-card{background:#fff;border:1px solid #e2ebee;border-radius:13px;overflow:hidden;transition:.25s}.project-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0a536d18}.project-card h3,.project-card p{padding:0 16px}.project-card h3{font-size:14px}.project-card p{font-size:11px;color:#748b9b;line-height:1.6;padding-bottom:14px}.project-thumb{height:145px;background:#0b3555;position:relative;padding:13px;color:#fff;font-size:10px}.project-thumb.ap{background:linear-gradient(145deg,#0b3555,#0b5b73)}.project-thumb.asset{background:linear-gradient(145deg,#133653,#0c7890)}.project-thumb.doc{background:linear-gradient(145deg,#172e49,#19496c)}.project-thumb.cloud{background:linear-gradient(145deg,#123a59,#0e7f9a)}.bars,.asset-bars{position:absolute;left:20px;right:20px;bottom:22px;height:75px;background:repeating-linear-gradient(90deg,#17b9bd 0 9px,transparent 9px 19px);clip-path:polygon(0 65%,10% 52%,20% 57%,30% 34%,40% 45%,50% 20%,60% 32%,70% 15%,80% 25%,90% 8%,100% 16%,100% 100%,0 100%)}.pie{position:absolute;width:55px;height:55px;border-radius:50%;right:20px;top:35px;background:conic-gradient(#16c0c2 0 60%,#ffca3b 60% 82%,#4e94d2 82%)}.doc-lines{position:absolute;left:20px;right:20px;top:45px;height:75px;background:repeating-linear-gradient(#35647d 0 2px,transparent 2px 14px)}.cloud-chart{position:absolute;left:20px;right:20px;bottom:22px;height:78px;background:linear-gradient(160deg,transparent 48%,#18c2c4 49% 52%,transparent 53%),repeating-linear-gradient(90deg,#18a8d2 0 8px,transparent 8px 19px)}.asset-bars{background:repeating-linear-gradient(90deg,#ffca3b 0 9px,transparent 9px 19px)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-card{border:1px solid #dfe9ed;border-radius:11px;padding:10px}.gallery-img{height:175px;border-radius:6px;background:#0b3555;position:relative;overflow:hidden;padding:16px;color:#fff}.gallery-img span{background:#173f60;padding:8px;margin-right:5px;font-size:12px}.chart-line{position:absolute;left:15px;right:15px;bottom:25px;height:70px;background:linear-gradient(165deg,transparent 49%,#18c3c6 50% 54%,transparent 55%),repeating-linear-gradient(90deg,#188fd0 0 8px,transparent 8px 18px)}.g2{background:#0c5164}.donut{position:absolute;right:25px;top:42px;width:75px;height:75px;border-radius:50%;background:conic-gradient(#15c4c4 0 55%,#ffca3b 55% 76%,#285d80 76%);border:16px solid #0c5164}.big{position:absolute;left:18px;bottom:25px;width:48%;height:105px}.g3{background:#1a3048}.doc-chart{position:absolute;left:20px;right:20px;bottom:25px;height:105px;background:repeating-linear-gradient(90deg,#1aa0d6 0 9px,transparent 9px 19px)}.gallery-card h3{font-size:13px;margin:10px 4px 4px}.skills-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px}.skills-layout h3{font-size:14px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{border:1px solid #dbe6ea;background:#f7fafb;padding:8px 11px;border-radius:5px;font-size:10px}.skill-bars{display:grid;gap:13px}.skill-bars label{font-size:10px;font-weight:600}.skill-bars i{display:block;background:#e6eef1;height:5px;border-radius:5px;margin-top:6px}.skill-bars b{display:block;height:100%;background:#0bb7bb;border-radius:5px}.soft-skills{margin-top:30px;background:#f3f8fa;border-radius:9px;padding:14px;font-size:11px;color:#657e90}.contact-section{background:#f8fbfc}.contact-card{background:linear-gradient(135deg,#eafbfc,#fff);border:1px solid #dcebef;border-radius:15px;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-card h2{margin:10px 0;font-size:28px}.contact-card p{font-size:12px;color:#6e8495;max-width:650px}footer{text-align:center;padding:22px;font-size:10px;color:#8ba0ad;border-top:1px solid #e8eff2}@media(max-width:1250px){.site-shell{grid-template-columns:64px 350px minmax(0,1fr)}.project-cards{grid-template-columns:repeat(2,1fr)}.hero-section{grid-template-columns:1fr}.hero-visual{min-height:300px}}@media(max-width:900px){.site-shell{display:block;margin:0;padding:0}.sidebar{position:fixed;left:0;top:0;bottom:0;height:100vh;width:64px;border-radius:0}.profile-panel{margin-left:78px;margin-right:14px;position:relative;top:auto;height:auto;margin-top:14px}.content{margin:14px}.nav-item{height:82px}.profile-hero{height:300px}}@media(max-width:650px){.sidebar{width:58px}.profile-panel{margin-left:70px;margin-right:8px}.content{margin:8px}.profile-stats{grid-template-columns:1fr 1fr}.hero-section,.section{padding:28px 20px}.metrics-strip{padding:0 20px 22px;grid-template-columns:1fr 1fr}.resume-grid,.skills-layout{grid-template-columns:1fr}.project-cards,.gallery{grid-template-columns:1fr}.contact-card{flex-direction:column;align-items:flex-start}.hero-copy h2{font-size:28px}.dashboard-window{right:15px}.quote-card{position:relative;width:auto;margin:200px 0 0}.profile-info h1{font-size:28px}.hand-note{font-size:14px}}
/* V4.1 layout/content refinement */
.site-shell{grid-template-columns:94px 430px minmax(0,1fr);gap:16px;max-width:none;width:calc(100% - 24px);margin:12px 12px;min-height:calc(100vh - 24px)}
.sidebar{margin-left:0}
.content{min-width:0}
.profile-panel{height:auto;min-height:calc(100vh - 24px)}
.nav-item{height:106px}
.nav-item b{font-size:10px}
.summary-section{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;padding:28px 48px;border-top:1px solid #e9f0f3;background:#fbfdfe}
.summary-section h3{font-size:18px;margin:0 0 10px}
.summary-section p{font-size:12px;line-height:1.75;color:#6d8496}
.summary-quote{background:#f2f8fa;border-left:4px solid #08b5ba;padding:22px 24px;align-self:center}
.summary-quote span{font-size:32px;color:#08b5ba}
.summary-quote p{font-size:14px;color:#38566c;margin:4px 0}
.timeline-item p,.timeline-item li{font-size:12px;line-height:1.75}
.achievement-box{background:#f2faf9;border:1px solid #d8efee;border-radius:10px;padding:12px 15px;margin-top:14px}
.achievement-box h5{margin:0 0 6px;color:#087f86;font-size:11px;text-transform:uppercase;letter-spacing:.8px}
.achievement-box ul{margin:0;padding-left:17px}
.subskill-title{margin-top:28px}
@media(max-width:1250px){.site-shell{grid-template-columns:88px 360px minmax(0,1fr)}}
@media(max-width:900px){.site-shell{width:100%;margin:0;padding:0}.sidebar{width:70px}.profile-panel{margin-left:86px}.summary-section{grid-template-columns:1fr}}
/* Removed: yellow circular Power BI decorative icon */
.mini-powerbi{display:none !important;}
/* V4.3 readability baseline */
.hero-copy p,
.hero-copy .lead,
.section-intro,
.timeline-item p,
.timeline-item li,
.project-card p,
.contact-card p,
.side-card p,
.soft-skills{
font-size:15px !important;
}
.timeline-item h4,
.side-card h4{
font-size:14px !important;
}
.timeline-item time,
.side-card time{
font-size:12px !important;
}
.chips span{
font-size:12px !important;
}
.project-card h3,
.gallery-card h3{
font-size:15px !important;
}
/* =========================================================
V4.4 FINE TUNING — clean navigation icons + spacing
========================================================= */
.site-shell{
grid-template-columns:96px 455px minmax(0,1fr);
gap:20px;
margin:12px 12px;
min-height:calc(100vh - 24px);
}
.sidebar{
width:96px;
border-radius:8px;
overflow:hidden;
}
.menu-toggle,.theme-toggle{
display:flex;
align-items:center;
justify-content:center;
}
.menu-toggle svg{
width:27px;height:27px;
fill:none;
stroke:currentColor;
stroke-width:2;
stroke-linecap:round;
}
.theme-toggle svg{
width:22px;height:22px;
fill:currentColor;
}
.sidebar nav{
gap:2px;
padding:8px 7px 10px;
}
.nav-item{
width:100%;
height:100px;
border:0;
border-radius:9px;
gap:8px;
position:relative;
}
.nav-item .nav-icon{
display:flex;
align-items:center;
justify-content:center;
width:34px;height:34px;
}
.nav-item .nav-icon svg{
width:25px;height:25px;
fill:none;
stroke:currentColor;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round;
}
.nav-item b{
font-size:10px;
font-weight:600;
letter-spacing:.4px;
}
.nav-item:hover,.nav-item.active{
transform:none;
background:#ffffff;
color:#08aeb5;
box-shadow:0 7px 18px rgba(0,34,69,.14);
}
.nav-item.active:before{
content:"";
position:absolute;
left:0;
top:17px;
bottom:17px;
width:4px;
border-radius:0 5px 5px 0;
background:#08b7bd;
}
.profile-panel{
border-radius:8px;
}
.content{
border-radius:8px;
}
.profile-info{
padding-left:24px;
padding-right:24px;
}
.profile-stats div{
min-height:68px;
}
.hero-section{
padding-top:44px;
}
.section{
padding-top:42px;
padding-bottom:42px;
}
.section-head{
margin-bottom:30px;
}
.timeline-item{
padding-bottom:34px;
}
.timeline-item h3{
font-size:18px;
}
.timeline-item h4{
font-size:14px !important;
}
.timeline-item p,
.timeline-item li{
font-size:15px !important;
line-height:1.75;
}
.side-card p{
font-size:15px !important;
}
.side-card h4{
font-size:15px !important;
}
.timeline-item time,
.side-card time{
font-size:12px !important;
}
.chips span{
font-size:12px !important;
padding:9px 12px;
}
.project-card h3,
.gallery-card h3{
font-size:15px !important;
}
.project-card p{
font-size:14px !important;
}
@media(max-width:1250px){
.site-shell{grid-template-columns:88px 390px minmax(0,1fr)}
.sidebar{width:88px}
}
@media(max-width:900px){
.sidebar{width:72px}
.nav-item{height:82px}
}
@media(max-width:650px){
.sidebar{width:64px}
.nav-item b{font-size:9px}
.nav-item .nav-icon svg{width:22px;height:22px}
}
/* V4.5: light theme only + green navigation hover */
.theme-toggle{
display:none !important;
}
.nav-item:hover,
.nav-item.active{
background:#08b5ba !important;
color:#ffffff !important;
}
.nav-item:hover .nav-icon svg,
.nav-item.active .nav-icon svg{
color:#ffffff !important;
stroke:currentColor !important;
}
.nav-item:hover b,
.nav-item.active b{
color:#ffffff !important;
}
.nav-item.active:before{
background:#ffffff !important;
}
/* V4.7 email styling */
.profile-email{
display:inline-block;
margin:2px 0 12px;
color:#08b5ba;
font-size:12px;
font-weight:500;
}
.profile-email:hover{text-decoration:underline}
.contact-email{
margin-top:8px !important;
}
.contact-email a{
color:#08b5ba;
font-weight:600;
}