:root{--bg:#050814;--bg2:#0b1230;--text:#d5d8e8;--text-strong:#f3f5ff;--muted:#99a1d6;--border:#2f3568;--card-bg:#0f152db8;--card-bg-2:#0c1123d9;--topbar-bg:#080c1cb8;--link:#97a2ff;--accent:#8fe2ff;--chip-bg:#222d627a;--chip-border:#4553a9;--shadow:0 12px 30px #02051159;--hero-grad-1:#233378;--hero-grad-2:#5a2d73;--hero-grad-3:#1f3f62;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,Arial,sans-serif}html,body{width:100%;overflow-x:hidden}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 15%, var(--hero-grad-1) 0%, transparent 28%), radial-gradient(circle at 87% 10%, var(--hero-grad-2) 0%, transparent 24%), radial-gradient(circle at 45% 80%, var(--hero-grad-3) 0%, transparent 26%), var(--bg);color:var(--text);margin:0;transition:background .35s,color .35s}a{color:var(--link)}#app{z-index:1;width:min(1100px,92%);margin:0 auto;padding:2.5rem 0 3rem;position:relative}.portfolio{gap:1.3rem;display:grid}.bg-role-loop{pointer-events:none;z-index:0;align-content:center;gap:1.6rem;width:100vw;display:grid;position:absolute;inset:0;overflow:hidden}.bg-role-loop p{white-space:nowrap;letter-spacing:.12em;color:#aab5f814;text-transform:uppercase;margin:0;font-size:clamp(1.6rem,4vw,3.4rem);font-weight:800;animation:24s linear infinite bgTextMove}.bg-role-loop p:nth-child(2){color:#9bdcff12;animation-duration:30s;animation-direction:reverse}.welcome-overlay{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 20% 15%,#7f92ff40,#0000 35%),radial-gradient(circle at 80% 80%,#7d38a34d,#0000 30%),#040812eb;place-items:center;transition:opacity .9s,transform .9s,visibility .9s;display:grid;position:fixed;inset:0;overflow:hidden}.welcome-overlay:before{content:"";filter:blur(14px);background:radial-gradient(circle,#8699ff80,#623ebd00);border-radius:50%;width:420px;height:420px;animation:3.6s ease-in-out infinite alternate orbFloat;position:absolute}.welcome-overlay.hide{opacity:0;visibility:hidden;transform:scale(1.04)}.welcome-card{z-index:1;width:min(92vw,620px);box-shadow:none;text-align:center;background:0 0;padding:1.2rem 1.6rem;animation:1.1s cubic-bezier(.2,.8,.2,1) welcomePop;position:relative}.welcome-mini{color:#9cb2ff;letter-spacing:.12em;text-transform:uppercase;justify-content:center;gap:.35rem;margin:0;font-size:.72rem;display:flex}.welcome-title{color:#edf1ff;text-shadow:0 0 22px #8c9eff73;flex-wrap:wrap;justify-content:center;gap:.45rem;margin:.3rem 0;font-size:clamp(1.35rem,4.2vw,2.2rem);display:flex}.welcome-card h2{color:#f4f6ff;background:linear-gradient(90deg,#ecf0ff 20%,#96d8ff 60%,#b6a0ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.welcome-title .welcome-word{color:#edf1ff;-webkit-text-fill-color:initial;background:0 0}.welcome-sub{color:#c2ccf8;flex-wrap:wrap;justify-content:center;gap:.35rem;margin:0;font-size:.95rem;display:flex}.welcome-word{opacity:0;animation:.72s cubic-bezier(.2,.8,.2,1) forwards wordDropIn;display:inline-block;transform:translateY(-36px)}.welcome-word.w1{animation-delay:.1s}.welcome-word.w2{animation-delay:.2s}.welcome-word.w3{animation-delay:.35s}.welcome-word.w4{animation-delay:.5s}.welcome-word.w5{animation-delay:.65s}.welcome-word.w6{animation-delay:.85s}.welcome-word.w7{animation-delay:1s}.welcome-word.w8{animation-delay:1.15s}@keyframes wordDropIn{0%{opacity:0;transform:translateY(-36px)}75%{opacity:1;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.topbar{border:1px solid var(--border);background:var(--topbar-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;border-radius:999px;justify-content:center;align-items:center;gap:.9rem;width:100%;padding:.55rem .8rem;display:flex;position:sticky;top:1rem}.nameplate{color:#f2f4ff;letter-spacing:.02em;font-size:.95rem;font-weight:650;display:none}.nav{gap:1rem;display:flex}.nav-toggle{border:1px solid var(--border);cursor:pointer;background:#141c3e99;border-radius:.6rem;width:2.35rem;height:2.1rem;padding:.35rem;display:none}.nav-toggle span{background:#d8defe;border-radius:2px;width:100%;height:2px;margin:4px 0;display:block}.nav a{color:var(--text);white-space:nowrap;font-size:.9rem;text-decoration:none}.btn.mini{color:var(--text);border-color:color-mix(in oklab, var(--border) 70%, transparent);padding:.45rem .8rem;font-size:.82rem}.hero-section{grid-template-columns:1.2fr 1fr;align-items:center;gap:1.25rem;display:grid}.hero-text h1{color:var(--text-strong);text-shadow:0 0 20px #7689ff73;margin:.3rem 0 .8rem;font-size:clamp(2rem,4vw,3.2rem)}.cursor{color:#9fb0ff;animation:.9s step-end infinite blink}.cursor.cursor-done{opacity:0;animation:none}.tagline{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:.88rem}.highlight-role{color:var(--accent);text-shadow:0 0 14px #76cfff80;font-weight:700}.intro{max-width:60ch;margin:0;line-height:1.65}.hero-cta{flex-wrap:wrap;gap:.75rem;margin-top:1.2rem;display:flex}.quick-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:1.35rem;display:grid}.quick-stats div{text-align:center;background:#111934b3;border:1px solid #323a73;border-radius:.75rem;padding:.6rem}.quick-stats strong{color:#f2f4ff;font-size:1.05rem;display:block}.quick-stats span{color:#aeb6e9;font-size:.76rem}.btn{border:1px solid #0000;border-radius:999px;padding:.72rem 1.1rem;font-weight:600;text-decoration:none;transition:all .2s}.btn.primary{color:#0a1020;background:linear-gradient(135deg,#7f92ff 0%,#8ad4ff 100%)}.btn.ghost{color:#d5dcff;border-color:#3c4475}.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.hero-visual{border:1px solid var(--border);background:linear-gradient(160deg,#101937,#0a1025);border-radius:1.2rem;place-items:center;min-height:360px;padding:1rem;display:grid;position:relative;overflow:visible;box-shadow:inset 0 0 50px #6f7cff33,0 12px 30px #02051159}.hero-visual:before,.hero-visual:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.hero-visual:before{filter:blur(8px);background:radial-gradient(circle,#7d8fff80,#7d8fff00);width:220px;height:220px;animation:4.8s ease-in-out infinite alternate photoAuraFloat;top:8%;left:12%}.hero-visual:after{filter:blur(10px);background:radial-gradient(circle,#76d6ff73,#76d6ff00);width:180px;height:180px;animation:5.4s ease-in-out infinite alternate-reverse photoAuraFloat;bottom:12%;right:10%}.profile-photo{z-index:2;aspect-ratio:1;object-fit:cover;border:3px solid #8e9dffb3;border-radius:50%;width:min(100%,290px);position:relative;box-shadow:0 14px 38px #00000073,0 0 0 8px #6678e429}.photo-particle{z-index:1;pointer-events:none;background:radial-gradient(circle,#aad8ff7a,#aad8ff00);border:1px solid #b0c2ffa6;border-radius:50%;animation:7s ease-in-out infinite particleFloat;position:absolute;box-shadow:0 0 12px #7ca1ff59}.photo-particle.p1{width:18px;height:18px;animation-delay:.1s;top:16%;left:18%}.photo-particle.p2{width:12px;height:12px;animation-delay:1.2s;top:25%;right:20%}.photo-particle.p3{width:16px;height:16px;animation-delay:2.1s;bottom:22%;left:16%}.photo-particle.p4{width:11px;height:11px;animation-delay:.8s;bottom:28%;right:15%}.photo-particle.p5{width:20px;height:20px;animation-delay:1.8s;top:48%;right:8%}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.card,.section{border:1px solid var(--border);background:var(--card-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow);border-radius:1rem;min-width:0;padding:1.2rem}.card h2,.section h2{color:var(--text-strong);margin-top:0}.skills-wrap{flex-wrap:wrap;gap:.55rem;display:flex}.skill-pill{color:#eef1ff;background:linear-gradient(145deg,#5e72d647,#232f6680);border:1px solid #4250a1;border-radius:999px;padding:.35rem .72rem;font-size:.82rem;font-weight:600}.project-list{gap:.9rem;display:grid}.project{border:1px solid color-mix(in oklab, var(--border) 90%, transparent);background:var(--card-bg-2);border-radius:.8rem;min-width:0;padding:.9rem;transition:transform .2s,border-color .2s}.project:hover{border-color:#6274d8;transform:translateY(-2px)}.project h3{margin:0 0 .4rem}.project p{margin:0 0 .45rem;line-height:1.5}.project-link{color:#eff2ff;background:#6f81e838;border:1px solid #5e70d8;border-radius:999px;place-items:center;width:2rem;height:2rem;font-size:1.05rem;font-weight:700;text-decoration:none;transition:transform .2s,background .2s;display:inline-grid}.project-link:hover{background:#6f81e859;transform:translateY(-1px)scale(1.04)}.list{margin:0;padding-left:1rem;line-height:1.7}.timeline{gap:.75rem;display:grid}.timeline-item{background:#0e1328e0;border:1px solid #364083;border-radius:.85rem;padding:.8rem .9rem}.timeline-item p{margin:.3rem 0 0}.timeline-year{color:#d9ddff;border:1px solid #4f5ec2;border-radius:999px;padding:.2rem .55rem;font-size:.78rem;font-weight:700;display:inline-block}.achievement-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.achievement-card{text-align:center;background:linear-gradient(160deg,#2d397b80,#131b3db8);border:1px solid #35408a;border-radius:.9rem;padding:.95rem .7rem}.achievement-card strong{color:#f3f5ff;font-size:1.45rem;display:block}.achievement-card span{color:#bfc6f2;font-size:.8rem}.chip-list{flex-wrap:wrap;gap:.6rem;display:flex}.cert-chip{border:1px solid var(--chip-border);background:var(--chip-bg);color:#edf0ff;overflow-wrap:anywhere;border-radius:999px;max-width:100%;padding:.45rem .75rem;font-size:.82rem}.badge-wrap{border:1px solid var(--border);background:linear-gradient(160deg, color-mix(in oklab, var(--bg2) 60%, transparent), color-mix(in oklab, var(--bg) 80%, transparent));border-radius:1.1rem;place-items:center;margin-top:1rem;padding:1rem;display:grid;overflow:hidden}.rhcsa-badge{border:2px solid #6073dd;border-radius:1rem;width:min(100%,220px);height:auto;transition:transform .3s;display:block;box-shadow:0 18px 36px #0000006b,0 0 0 6px #5f72dd24}.rhcsa-badge:hover{transform:scale(1.015)}.form-note{color:#b9c1ef;margin-top:-.4rem}.contact-form{gap:.75rem;margin-top:1rem;display:grid}.contact-form input,.contact-form textarea{color:#f2f5ff;width:100%;font:inherit;background:#161f42d1;border:1px solid #4351a7;border-radius:.75rem;padding:.75rem .85rem}.contact-form input:focus,.contact-form textarea:focus{outline-offset:1px;outline:2px solid #7385f1}.submit-btn{justify-self:start}.form-status{color:#b8c8ff;min-height:1.2rem;margin:0}.footer{border-top:1px solid #2b3264;flex-wrap:wrap;justify-content:center;gap:1rem;padding-top:1.2rem;display:flex}.footer a{color:#b9c2f4;overflow-wrap:anywhere;border-radius:.5rem;padding:.35rem .6rem;text-decoration:none}.footer a:hover{background:#5f6bbc2b}.reveal{opacity:0;transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay,0s);transform:translateY(-90px)}.reveal.in-view{opacity:1;transform:translateY(0)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes welcomePop{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes orbFloat{0%{transform:translateY(-12px)scale(.98)}to{transform:translateY(16px)scale(1.02)}}@keyframes photoAuraFloat{0%{opacity:.65;transform:translateY(-10px)scale(.94)}to{opacity:1;transform:translateY(12px)scale(1.08)}}@keyframes particleFloat{0%{opacity:.5;transform:translateY(0)translate(0)scale(.95)}50%{opacity:1;transform:translateY(-16px)translate(8px)scale(1.08)}to{opacity:.55;transform:translateY(6px)translate(-7px)scale(.92)}}@keyframes bgTextMove{0%{transform:translate(0)}to{transform:translate(-45%)}}@media (width<=900px){#app{width:min(1120px,94%);padding-top:1.5rem}.topbar{border-radius:1rem;grid-template-columns:auto 1fr;align-items:center;gap:.6rem;padding:.8rem .75rem;display:grid}.nav-toggle{display:inline-block}.nav{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:100%;display:none}.topbar.menu-open .nav{display:grid}.nav a{text-align:center;background:#162047a6;border:1px solid #344084;border-radius:999px;padding:.38rem .6rem;font-size:.82rem}.topbar .btn.mini{text-align:center;grid-column:2;width:100%}.hero-section{grid-template-columns:1fr}.hero-text{text-align:center}.intro{margin-inline:auto}.hero-cta{justify-content:center}.hero-cta .btn{text-align:center;min-width:150px}.hero-visual{min-height:280px}.card-grid,.quick-stats{grid-template-columns:1fr}.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-form .submit-btn{justify-self:stretch;width:100%}}@media (width<=560px){#app{width:95%;padding-top:1.1rem}.welcome-title{font-size:clamp(1.2rem,6vw,1.55rem)}.welcome-sub{font-size:.84rem}.topbar{padding:.72rem .58rem}.nav{grid-template-columns:1fr;gap:.45rem}.nav a{padding:.35rem .45rem;font-size:.78rem}.hero-text h1{font-size:clamp(1.55rem,8vw,2.1rem)}.hero-visual{min-height:245px;padding:.75rem}.profile-photo{width:min(100%,230px)}.quick-stats div{padding:.55rem .45rem}.card,.section{padding:1rem}.footer{gap:.5rem}.footer a{padding:.3rem .45rem;font-size:.84rem}.achievement-grid{grid-template-columns:1fr}.badge-wrap{border-radius:1rem;padding:.85rem}.rhcsa-badge{width:min(100%,200px)}}