:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:#f4f9ff;--panel:#fffc;--panel-strong:#fff;--text:#0f172a;--muted:#475569;--line:#0f172a14;--accent:#0ea5e9;--accent-strong:#2563eb;background:#f4f9ff;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #0ea5e914, transparent 34%), var(--page-bg);min-width:320px;color:var(--text);margin:0}*{box-sizing:border-box}img{max-width:100%;display:block}button,input,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p,blockquote{margin-top:0}#root{min-height:100vh}a{color:inherit}.page-shell{min-height:100vh}.container{width:min(1180px,100% - 32px);margin:0 auto}.section{padding:56px 0}.alt-section{background:#94a3b80d;border-top:1px solid #0f172a0f;border-bottom:1px solid #0f172a0f}.site-header{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f9ffc7;border-bottom:1px solid #0f172a0f;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:20px;min-height:78px;display:flex}.brand{color:#0f172a;letter-spacing:.18em;font-size:.86rem;font-weight:800;text-decoration:none}.brand span{color:#0ea5e9}.nav-links{align-items:center;gap:18px;display:flex}.nav-link,.nav-cta{color:#1e293b;font-size:.95rem;text-decoration:none;transition:color .2s,opacity .2s}.nav-link:hover,.nav-link:focus-visible,.nav-cta:hover,.nav-cta:focus-visible{color:#0ea5e9}.nav-cta{background:#0ea5e90f;border:1px solid #0ea5e94d;border-radius:999px;justify-content:center;align-items:center;padding:.8rem 1.2rem;display:inline-flex}.menu-toggle{color:#0f172a;background:#ffffffb3;border:1px solid #0f172a1a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:none}.hero-section{background:linear-gradient(#e8f9ffeb 0%,#fffffff5 100%);padding-top:32px;padding-bottom:24px;position:relative;overflow:hidden}.domains-section{background:linear-gradient(#0ea5e908 0%,#fffffff5 100%)}.projects-section{background:linear-gradient(#2563eb08 0%,#fffffff5 100%)}.hero-section:before{content:"";pointer-events:none;background-image:linear-gradient(#0ea5e90a 1px,#0000 1px),linear-gradient(90deg,#0ea5e90a 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 35%,#0000 100%);mask-image:radial-gradient(circle,#000 35%,#0000 100%)}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:28px;display:grid;position:relative}.hero-copy h1{letter-spacing:-.08em;margin:0;font-size:clamp(3rem,7vw,5.3rem);line-height:.96}.hero-copy{margin-bottom:0}.eyebrow{color:#0ea5e9;letter-spacing:.12em;text-transform:uppercase;margin:0 0 1rem;font-size:.78rem;font-weight:700;display:inline-block}.eyebrow.dark{color:#0f172a}.hero-tagline{color:#0f172a;max-width:640px;margin-top:1rem;font-size:clamp(1.2rem,2vw,2rem);font-weight:600;line-height:1.3}.lead{color:#475569;max-width:600px;margin-top:1.4rem;font-size:1.08rem;line-height:1.8}.cta-row{flex-wrap:wrap;gap:14px;margin-top:2rem;display:flex}.hero-cta-row{grid-column:1/-1}.primary-btn,.secondary-btn,.ghost-btn,.nav-cta,.text-link,.secondary-link{border-radius:999px;justify-content:center;align-items:center;gap:.55rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex}.primary-btn,.secondary-btn,.ghost-btn{padding:.92rem 1.4rem}.primary-btn{color:#fff;background:linear-gradient(135deg,#0ea5e9,#2563eb);box-shadow:0 12px 25px #0ea5e940}.secondary-btn{color:#0f172a;background:#0f172a0a;border:1px solid #0f172a1a}.ghost-btn{color:#0f172a;background:0 0;border:1px solid #0f172a24}.primary-btn:hover,.secondary-btn:hover,.ghost-btn:hover,.nav-cta:hover,.text-link:hover,.secondary-link:hover{transform:translateY(-1px)}.hero-pills{flex-wrap:wrap;gap:10px;margin-top:2rem;padding:0;list-style:none;display:flex}.hero-pills li,.tech-tags span,.interest-tags span,.skill-list span{color:#0f172a;background:#0ea5e90a;border:1px solid #0ea5e933;border-radius:999px;align-items:center;padding:.52rem .8rem;font-size:.78rem;display:inline-flex}.hero-visual{justify-content:center;align-items:center;min-height:400px;display:flex;position:relative}.profile-photo-wrapper{justify-content:center;align-items:center;width:340px;height:340px;display:flex;position:relative}.profile-photo-wrapper:before{content:"";background:linear-gradient(135deg,#0ea5e940,#2563eb26);border-radius:50%;animation:6s ease-in-out infinite float;position:absolute;inset:-20px}.profile-photo-wrapper:after{content:"";border:2px solid #0ea5e933;border-radius:50%;animation:20s linear infinite reverse spin;position:absolute;inset:-35px}.profile-photo{z-index:2;object-fit:cover;border:3px solid #ffffffe6;border-radius:50%;width:100%;height:100%;transition:transform .4s,box-shadow .4s;position:relative;box-shadow:0 20px 60px #0ea5e94d,inset 0 0 30px #0ea5e91a}.profile-photo:hover{transform:scale(1.05);box-shadow:0 30px 80px #0ea5e966,inset 0 0 40px #0ea5e926}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.signal-orb{filter:blur(6px);opacity:.7;border-radius:50%;position:absolute}.orb-one{background:#0ea5e91f;width:260px;height:260px;top:32px;left:90px}.orb-two{background:#2563eb14;width:200px;height:200px;bottom:20px;right:25px}.tech-panel{background:#ffffffbd;border:1px solid #0f172a14;border-radius:26px;width:min(100%,470px);padding:1.3rem;position:relative;box-shadow:0 30px 60px #0f172a14}.tech-header{color:#334155;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.75rem;font-size:.8rem;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:10px;height:10px;box-shadow:0 0 18px #22c55e99}.network-diagram{grid-template-columns:repeat(2,minmax(150px,1fr));gap:28px;min-height:290px;margin-top:2rem;display:grid;position:relative}.node{z-index:1;color:#0f172a;background:#fffc;border:1px solid #0f172a1f;border-radius:16px;justify-content:center;align-items:center;padding:1rem;font-weight:700;display:flex;position:relative}.node-sensor{align-self:start}.node-mcu,.node-ai{align-self:center}.node-robot{align-self:end}.link{transform-origin:0;background:linear-gradient(90deg,#0ea5e926,#2563ebcc,#0ea5e926);height:2px;display:block;position:absolute}.link-one{width:170px;top:32%;left:20%;transform:rotate(12deg)}.link-two{width:170px;top:32%;right:20%;transform:rotate(-12deg)}.link-three{width:170px;bottom:22%;left:32%;transform:rotate(12deg)}.section-heading{margin-bottom:2.5rem}.section-heading h2{letter-spacing:-.055em;max-width:760px;margin:0;font-size:clamp(2rem,4vw,3rem)}.row-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.domains-grid,.project-grid,.achievement-grid,.skills-grid{justify-items:center;gap:22px;display:grid}.domains-grid{grid-template-columns:repeat(4,minmax(220px,1fr))}.domain-card,.project-card,.achievement-card,.skill-group,.research-card,.journey-card,.mini-panel,.resume-panel,.contact-form,.project-detail{background:#fffc;border:1px solid #0f172a12;border-radius:24px;box-shadow:0 16px 40px #0f172a0a}.domain-card{padding:2rem 1.5rem}.icon-wrap{color:#0ea5e9;background:linear-gradient(135deg,#0ea5e91f,#2563eb14);border:1px solid #0ea5e926;border-radius:16px;place-items:center;width:56px;height:56px;display:grid}.domain-card h3,.project-card h3,.achievement-card h3,.skill-group h3,.timeline-content h3,.project-detail h3,.club-layout h2,.resume-panel h2,.contact-grid h2{letter-spacing:-.04em;margin:1rem 0 .7rem;font-size:clamp(1.2rem,2vw,1.7rem)}.domain-card p,.project-card p,.achievement-card p,.research-card p,.timeline-content p,.mini-panel p,.resume-panel p,.contact-grid p,.project-detail p,.about-grid p{color:#475569;margin:0;line-height:1.75}.filter-bar{flex-wrap:wrap;gap:10px;display:flex}.filter-btn{color:#0f172a;cursor:pointer;background:#ffffffb3;border:1px solid #0f172a14;border-radius:999px;padding:.65rem .95rem;font-weight:600}.filter-btn.active{color:#0f172a;background:#0ea5e914;border-color:#0ea5e940}.search-wrap{flex-direction:column;gap:.65rem;margin-bottom:2rem;display:flex}.search-label{color:#334155;font-size:.82rem;font-weight:600}.search-wrap input{color:#0f172a;background:#ffffffbf;border:1px solid #0f172a1a;border-radius:14px;width:min(100%,520px);padding:.9rem 1rem}.project-grid{grid-template-columns:repeat(3,minmax(280px,1fr))}.project-card{overflow:hidden}.project-card.selected{border-color:#0ea5e959;box-shadow:0 18px 50px #0ea5e914}.project-visual{background:linear-gradient(135deg,#0ea5e92e,#2563eb1a);border-bottom:1px solid #0f172a0d;min-height:148px;position:relative}.project-badge{background:#ffffffc7;border:1px solid #0f172a0f;border-radius:999px;align-items:center;padding:.45rem .7rem;font-size:.7rem;font-weight:700;display:inline-flex;position:absolute;top:18px;left:18px}.project-body{padding:1.4rem}.tech-tags,.interest-tags,.skill-list{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:1.2rem;display:flex}.card-actions{justify-content:space-between;align-items:center;gap:14px;margin-top:1.25rem;display:flex}.text-link,.secondary-link{color:#0f172a;cursor:pointer;background:0 0;border:none;font-weight:700;text-decoration:none}.empty-state{color:#0f172a;background:#0ea5e90d;border:1px solid #0ea5e924;border-radius:14px;margin-top:2rem;padding:1.2rem}.project-detail{margin-top:2.8rem;padding:2rem}.project-detail-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.status-chip{letter-spacing:.05em;text-transform:uppercase;color:#0f172a;background:#0ea5e90d;border:1px solid #0ea5e933;border-radius:999px;padding:.58rem .9rem;font-size:.75rem;font-weight:700;display:inline-flex}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:1.5rem;display:grid}.detail-grid h4,.project-detail h4{color:#0f172a;margin:1.4rem 0 .7rem;font-size:1rem}.gallery-strip{grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px;margin-top:1.6rem;display:grid}.gallery-item{text-align:center;color:#0f172a;background:linear-gradient(135deg,#0ea5e914,#2563eb14);border:1px solid #0ea5e933;border-radius:16px;place-items:center;min-height:84px;padding:1rem;font-weight:600;display:grid}.detail-links{flex-wrap:wrap;gap:14px;margin-top:1.8rem;display:flex}.about-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:24px;display:grid}.journey-card,.mini-panel,.research-card,.resume-panel{padding:1.8rem}.timeline{gap:.9rem;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}.timeline li{border-bottom:1px solid #0f172a0f;align-items:baseline;gap:.8rem;padding-bottom:.55rem;display:flex}.timeline li span{color:#0ea5e9;min-width:78px;font-size:.82rem;font-weight:700}.split-panel,.club-layout,.research-layout,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}.focus-list{flex-wrap:wrap;gap:12px;margin:1.2rem 0 0;padding:0;list-style:none;display:flex}.focus-list li{color:#0f172a;background:#0ea5e90d;border:1px solid #0ea5e92e;border-radius:999px;padding:.58rem .9rem;font-weight:600}blockquote{color:#0f172a;background:#0ea5e908;border-left:3px solid #0ea5e9;margin:1.1rem 0 0;padding:1.2rem 1.4rem;font-size:1.18rem;line-height:1.7}.club-content{grid-template-columns:140px 1fr;align-items:center;gap:18px;display:grid}.club-visual{color:#0ea5e9;background:linear-gradient(135deg,#0ea5e924,#2563eb14);border:1px solid #0ea5e92e;border-radius:22px;place-items:center;width:120px;height:120px;display:grid}.club-content ul{color:#0f172a;grid-template-columns:repeat(2,minmax(160px,1fr));gap:10px 20px;margin:0;padding:0;list-style:none;display:grid}.club-content li:before{content:"•";color:#0ea5e9;margin-right:8px}.research-card{padding:1.7rem}.research-card h3{margin:.75rem 0;font-size:1.5rem}.research-status{color:#0f172a;background:#0ea5e90d;border:1px solid #0ea5e92e;border-radius:999px;align-items:center;gap:.7rem;margin-top:1.8rem;padding:.8rem 1rem;font-weight:700;display:inline-flex}.achievement-highlight{background:linear-gradient(135deg,#0ea5e90d,#2563eb0f);border:1px solid #0ea5e92e;border-radius:24px;grid-template-columns:170px 1fr;align-items:center;gap:28px;padding:2rem;display:grid}.achievement-score{background:#ffffffe6;border:1px solid #0ea5e92e;border-radius:50%;place-items:center;width:170px;height:170px;display:grid;box-shadow:0 12px 26px #0ea5e914}.achievement-score span{letter-spacing:-.05em;color:#0f172a;font-size:2.5rem;font-weight:800}.achievement-score small{color:#475569;font-weight:700}.achievement-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:2rem}.achievement-card{max-width:260px;padding:1.5rem}.mini-label{color:#0ea5e9;letter-spacing:.04em;text-transform:uppercase;font-weight:700;margin-bottom:.7rem!important}.skills-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}.skill-group{padding:1.6rem}.skill-list span{font-size:.78rem}.timeline-list{gap:1.5rem;padding-left:10px;display:grid;position:relative}.timeline-item{grid-template-columns:24px 1fr;align-items:start;gap:20px;padding:1.2rem 0;display:grid;position:relative}.timeline-item:before{content:"";background:#0ea5e92e;width:2px;position:absolute;top:0;bottom:0;left:10px}.timeline-marker{z-index:1;background:linear-gradient(135deg,#0ea5e9,#2563eb);border:4px solid #ffffffe6;border-radius:50%;width:20px;height:20px;position:relative;box-shadow:0 0 0 4px #0ea5e91a}.timeline-content{background:#ffffffb3;border:1px solid #0f172a0f;border-radius:22px;padding:1.5rem}.timeline-meta{color:#0f172a;align-items:center;gap:.45rem;font-size:.8rem;font-weight:700;display:inline-flex}.timeline-company{font-weight:700;color:#0f172a!important;margin-top:.35rem!important}.resume-panel{grid-template-columns:1.2fr .8fr;align-items:center;gap:24px;display:grid}.resume-summary{gap:.9rem;display:grid}.summary-block{color:#0f172a;background:#0ea5e90a;border:1px solid #0ea5e921;border-radius:14px;align-items:center;gap:.8rem;padding:.9rem 1rem;font-weight:600;display:flex}.resume-actions{grid-column:1/-1}.contact-grid{align-items:center}.contact-links{flex-wrap:wrap;gap:12px;margin-top:1.5rem;display:flex}.contact-links a{color:#0f172a;background:#ffffffb3;border:1px solid #0f172a14;border-radius:999px;align-items:center;gap:.5rem;padding:.7rem 1rem;text-decoration:none;display:inline-flex}.contact-form{gap:1rem;padding:1.6rem;display:grid}.contact-form label{color:#0f172a;gap:.55rem;font-weight:600;display:grid}.contact-form input,.contact-form textarea{color:#0f172a;background:#fffc;border:1px solid #0f172a1f;border-radius:12px;width:100%;padding:.88rem .95rem}.form-submit{cursor:pointer;border:none;width:fit-content}.site-footer{color:#fff;background:#0f172af5;padding:2rem 0 1rem}.footer-grid{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:18px;padding-bottom:1.2rem;display:flex}.site-footer h3,.site-footer p{margin:0}.footer-links{flex-wrap:wrap;gap:16px;display:flex}.footer-links a{color:#fffc;text-decoration:none}.copyright{color:#ffffffbf;padding-top:1rem}@media (width<=980px){.hero-grid,.about-grid,.split-panel,.club-layout,.research-layout,.contact-grid,.resume-panel,.project-grid,.achievement-grid,.domains-grid,.skills-grid,.detail-grid{grid-template-columns:1fr}.row-heading,.footer-grid{flex-direction:column;align-items:flex-start}.project-grid{grid-template-columns:1fr 1fr}.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.achievement-highlight{grid-template-columns:1fr;gap:16px;padding:1.2rem}.achievement-score{justify-self:center;width:120px;height:120px}.achievement-score span{font-size:1.9rem}.nav-links{background:#fffffffa;border:1px solid #0f172a14;border-radius:18px;flex-direction:column;align-items:flex-start;gap:14px;padding:1rem;display:none;position:absolute;top:78px;left:16px;right:16px;box-shadow:0 20px 40px #0f172a14}.nav-links.open{display:flex}.menu-toggle{display:inline-flex}.menu-toggle+.nav-links,.nav-link,.nav-cta{width:100%}.project-grid,.achievement-grid,.skills-grid,.club-content{grid-template-columns:1fr}.hero-section{padding-top:30px}.hero-grid{grid-template-columns:1fr}.hero-copy{order:1}.hero-visual{order:2;margin-bottom:1rem}.hero-cta-row{flex-direction:column;order:3;align-items:stretch;width:100%;margin-top:.5rem;display:flex}.hero-cta-row .primary-btn,.hero-cta-row .secondary-btn,.hero-cta-row .ghost-btn{width:100%}.section{padding:20px 0}.project-detail{padding:1.4rem}.gallery-strip{grid-template-columns:1fr}}@media (width<=480px){.container{width:min(100% - 20px,100%)}.site-header{background:#f4f9ffeb}.hero-copy h1{font-size:clamp(2.5rem,12vw,3.2rem)}.hero-tagline{font-size:1.1rem}.lead{font-size:.98rem}.profile-photo-wrapper{width:220px;height:220px}.hero-cta-row{gap:10px}.primary-btn,.secondary-btn,.ghost-btn{padding:.8rem 1rem;font-size:.92rem}.section{padding:52px 0}}