:root{--bg: #f5f0e8;--dark: #0b0b0f;--text: #111;--muted: #666;--accent: #d8ff3e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;cursor:default;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(216,255,62,.25),transparent 30%),radial-gradient(circle at 90% 10%,rgba(0,0,0,.08),transparent 30%),var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.nav{position:sticky;top:0;z-index:10;padding:22px 6vw;display:flex;justify-content:space-between;background:#f5f0e8cc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 8px 30px #0000000a}.brand{font-weight:900;letter-spacing:-1px}.nav div{display:flex;gap:22px}.nav a{font-size:14px;font-weight:700;position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:0%;height:2px;background:#111;transition:.25s ease}.nav a:hover:after{width:100%}.hero{min-height:88vh;padding:90px 6vw;display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:end;animation:heroFade .9s ease both}@keyframes heroFade{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.eyebrow{text-transform:uppercase;letter-spacing:.25em;color:var(--muted);font-size:12px;font-weight:900}h1{max-width:1000px;font-size:clamp(64px,10vw,140px);line-height:.86;letter-spacing:-8px;margin:0}h2{font-size:clamp(42px,6vw,82px);line-height:.95;letter-spacing:-5px;margin:0 0 40px}h3{margin:0}.subtitle{max-width:760px;font-size:22px;line-height:1.6;color:#444}.actions{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap}.primary,.secondary{padding:16px 24px;border-radius:999px;font-weight:900;transition:.25s;box-shadow:0 12px 35px #0000001f}.primary{background:var(--dark);color:#fff}.secondary{border:1px solid rgba(0,0,0,.2)}.primary:hover,.secondary:hover{transform:translateY(-4px);box-shadow:0 18px 50px #0003}.impactCard{background:var(--dark);color:#fff;padding:30px;border-radius:34px;box-shadow:0 30px 80px #00000040;will-change:transform}.impactCard>p{color:#ffffff80;text-transform:uppercase;letter-spacing:.2em;font-size:12px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px}.metrics div{background:#ffffff14;padding:22px;border-radius:24px}.metrics h3{font-size:42px;margin:0}.metrics span{color:#fff9;font-size:14px}.strip{display:flex;gap:12px;overflow:auto;padding:20px 6vw;background:var(--dark);color:#fff}.strip span{border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:10px 16px;white-space:nowrap;animation:floatChip 3.5s ease-in-out infinite}.strip span:nth-child(2n){animation-delay:.5s}@keyframes floatChip{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.section{padding:95px 6vw}.reveal{opacity:0;transform:translateY(45px);transition:.8s ease}.reveal.show{opacity:1;transform:translateY(0)}.focus{padding:100px 6vw;background:#fff}.focusGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px}.focusGrid div,.storyGrid div,.hireGrid div{padding:32px;border-radius:34px;background:var(--bg);border:1px solid rgba(0,0,0,.08);transition:.35s ease;box-shadow:0 20px 70px #0000000d}.focusGrid div:hover,.storyGrid div:hover,.hireGrid div:hover{transform:translateY(-8px) scale(1.01);background:#111;color:#fff}.focusGrid p,.storyGrid p,.hireGrid p{color:#555;line-height:1.7}.focusGrid div:hover p,.storyGrid div:hover p,.hireGrid div:hover p{color:#ffffffb3}.story{background:#fff}.storyGrid,.projectGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.projectCard{min-height:520px;padding:28px;border-radius:34px;background:#fff;box-shadow:0 18px 60px #0000000f;display:flex;flex-direction:column;justify-content:space-between;transition:.3s;cursor:pointer;will-change:transform}.projectCard:hover{background:#111;color:#fff;transform:translateY(-8px);box-shadow:0 35px 90px #0000002e}.projectTop{display:flex;justify-content:space-between;color:#777;font-size:12px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:28px}.projectCard p{color:#666;line-height:1.7}.projectCard:hover p,.projectCard:hover .projectTop{color:#fff9}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:34px}.filters button{border:1px solid rgba(0,0,0,.15);background:#ffffff8c;padding:12px 18px;border-radius:999px;cursor:pointer;font-weight:900}.filters button:hover,.activeFilter{background:#111!important;color:#fff}.badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.badges span{padding:8px 11px;border-radius:999px;background:#d8ff3e40;color:#111;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.projectCard:hover .badges span{background:#d8ff3e2e;color:var(--accent)}.businessProblem{margin-top:22px;padding:18px;border-radius:22px;background:#0000000a}.businessProblem strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.16em;margin-bottom:8px}.businessProblem p{margin:0;font-size:14px}.projectCard:hover .businessProblem{background:#ffffff14}.projectCard:hover .businessProblem strong{color:var(--accent)}.impact{display:block;color:#111;margin-top:22px;line-height:1.5}.projectCard:hover .impact{color:var(--accent)}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.tags span{padding:8px 11px;border-radius:999px;background:#00000012;font-size:12px;font-weight:800}.projectCard:hover .tags span{background:#ffffff1f}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;display:grid;place-items:center;padding:24px}.projectModal{position:relative;max-width:850px;width:100%;max-height:90vh;overflow-y:auto;background:#f5f0e8;color:#111;border-radius:36px;padding:42px;box-shadow:0 40px 120px #00000073}.projectModal h2{margin-bottom:20px}.closeBtn{position:absolute;top:22px;right:24px;width:44px;height:44px;border:none;border-radius:50%;background:#111;color:#fff;font-size:28px;cursor:pointer}.modalBadges{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.modalBadges span{padding:10px 14px;border-radius:999px;background:#111;color:var(--accent);font-size:12px;font-weight:900}.modalSection{margin-top:28px;padding:22px;border-radius:24px;background:#fff}.modalSection h3{margin-bottom:10px}.modalSection p{color:#555;line-height:1.7}.white{background:#fff}.timeline{display:grid;gap:20px}.timelineItem{display:grid;grid-template-columns:100px 1fr;gap:18px}.number{border-radius:30px;background:var(--dark);color:var(--accent);display:grid;place-items:center;font-size:34px;font-weight:900}.expCard{background:var(--bg);padding:32px;border-radius:30px;transition:.3s;will-change:transform}.expCard:hover{transform:translateY(-6px);box-shadow:0 35px 90px #0000002e}.expCard p{color:var(--muted);font-weight:700}.expCard ul{line-height:1.8;color:#444}.dark{background:var(--dark);color:#fff}.dark .eyebrow{color:#ffffff80}.skills{display:flex;flex-wrap:wrap;gap:14px}.skills span{padding:15px 22px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);font-weight:800}.youtube{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}.youtubeGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.youtubeCard{background:#111;color:#fff;padding:34px;border-radius:34px;min-height:260px;transition:.3s;will-change:transform}.youtubeCard:hover{transform:translateY(-8px);box-shadow:0 35px 90px #0000002e}.youtubeCard span{color:#ffffff73;font-weight:900}.youtubeCard p{color:#ffffff9e;line-height:1.7}.hireMe{padding:100px 6vw;background:#fff}.hireGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px}.contact{padding:100px 6vw;text-align:center;background:#111;color:#fff}.contact h2{max-width:900px;margin:auto}.contactText{max-width:650px;margin:20px auto;color:#ffffffa6;font-size:18px;line-height:1.6}.contactLinks{margin-top:34px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.contactLinks a{display:inline-flex;align-items:center;gap:6px;padding:16px 22px;border-radius:999px;background:#fff;color:#111;font-weight:900;transition:.25s;box-shadow:0 12px 35px #0000001f}.contactLinks a:hover{transform:translateY(-4px);background:var(--accent);box-shadow:0 18px 50px #0003}@media (max-width: 900px){.hero,.youtube{grid-template-columns:1fr}.projectGrid,.storyGrid,.youtubeGrid,.hireGrid,.focusGrid{grid-template-columns:1fr 1fr}h1{letter-spacing:-4px}}@media (max-width: 650px){.nav{flex-direction:column;gap:16px}.nav div{flex-wrap:wrap}.projectGrid,.timelineItem,.storyGrid,.youtubeGrid,.hireGrid,.focusGrid{grid-template-columns:1fr}h1{font-size:58px}.metrics{grid-template-columns:1fr}.projectModal{padding:30px 22px}}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.heroLeft{display:flex;flex-direction:column}.hero h1{font-size:clamp(64px,9vw,120px);line-height:.9;letter-spacing:-6px}.highlight{color:var(--accent)}.heroStats{display:flex;gap:30px;margin-top:40px}.heroStats div h3{font-size:36px;margin:0}.heroStats span{font-size:14px;color:var(--muted)}.heroRight{display:flex;justify-content:center}.heroCardLarge{width:100%;padding:40px;border-radius:30px;background:var(--dark);color:#fff;box-shadow:0 30px 90px #0000004d;animation:floatCard 4s ease-in-out infinite}.heroCardLarge p{text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:#ffffff80}.heroCardLarge ul{margin-top:20px;padding-left:0;list-style:none}.heroCardLarge li{margin-bottom:14px;font-size:16px}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 900px){.hero{grid-template-columns:1fr}.heroStats{flex-wrap:wrap}}.typingLine{margin-top:10px;font-size:20px;font-weight:800}.typingWords:after{content:"Power BI Dashboards";font-weight:900;color:#352d29;letter-spacing:.5px;animation:typingWords 8s infinite}@keyframes typingWords{0%,20%{content:"Power BI Dashboards"}21%,40%{content:"SQL Reporting"}41%,60%{content:"Machine Learning"}61%,80%{content:"GenAI Solutions"}81%,to{content:"Business Analysis"}}