@import "https://fonts.googleapis.com/css2?family=Lora:wght@500;600;700&family=Source+Sans+3:wght@400;500;600;700&display=swap";html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:320px}:root{--bg:#f5f6f8;--bg-muted:#eef0f4;--paper:#fff;--text:#152238;--text-soft:#4f5d75;--line:#d7dce5;--primary:#1f3b63;--primary-strong:#132641;--accent:#8b6a3e;--success:#196047;--radius:14px;--shadow-soft:0 10px 24px #14223814}body[data-theme=dark]{--bg:#111827;--bg-muted:#172033;--paper:#1d293d;--text:#edf2fb;--text-soft:#b9c3d9;--line:#32445f;--primary:#89b4fa;--primary-strong:#5b89d6;--accent:#d4b483;--success:#66d19e;--shadow-soft:0 12px 24px #00000040}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);font-family:"Source Sans 3",Segoe UI,sans-serif}.site-wrapper{background:linear-gradient(140deg, #1f3b630f 0%, transparent 35%), linear-gradient(330deg, #8b6a3e14 0%, transparent 30%), var(--bg);min-height:100vh}.hero{background:linear-gradient(120deg, #1f3b63e6 0%, #132641eb 70%), var(--primary);color:#fdfdfd;border-bottom:4px solid color-mix(in srgb, var(--accent) 60%, transparent);padding:1rem clamp(1rem,5vw,4rem) clamp(2.3rem,5vw,3.8rem)}.top-nav{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080f1c47;border:1px solid #ffffff38;border-radius:999px;flex-wrap:wrap;gap:.55rem;width:fit-content;margin-bottom:1.8rem;padding:.55rem;display:flex;position:sticky;top:.5rem}.top-nav a{color:#f5f8ff;letter-spacing:.01em;border:1px solid #0000;border-radius:999px;padding:.45rem .85rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s}.top-nav a:hover{background:#ffffff24;border-color:#ffffff59}.hero-content{max-width:860px;animation:.55s both fade-slide}.profile-switcher{flex-wrap:wrap;gap:.55rem;margin:1rem 0 .8rem;display:flex}.profile-switch-btn{color:#f5f8ff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff80;border-radius:999px;padding:.5rem .9rem;font-weight:700;transition:background .2s,transform .2s,border-color .2s}.profile-switch-btn:hover{background:#ffffff29;transform:translateY(-2px)}.profile-switch-btn.active{color:var(--primary-strong);background:#fff;border-color:#fff}.active-profile-indicator{color:#f0ddb8;margin:.2rem 0 .8rem}.eyebrow{color:#f0ddb8;text-transform:uppercase;letter-spacing:.16em;margin:0;font-size:.78rem;font-weight:700}h1,h2,h3,h4{font-family:Lora,Georgia,serif;line-height:1.25}h1{letter-spacing:.01em;margin:.5rem 0 .8rem;font-size:clamp(2rem,5vw,3.3rem)}h2{color:var(--primary-strong);border-bottom:2px solid color-mix(in srgb, var(--accent) 35%, transparent);margin-top:0;padding-bottom:.55rem;font-size:clamp(1.4rem,3vw,1.95rem)}body[data-theme=dark] h2{color:var(--primary)}p{margin:.35rem 0 .8rem;line-height:1.65}main{width:min(1120px,92%);margin:0 auto;padding:clamp(1.5rem,4vw,2.6rem) 0 3.2rem}.section{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);margin-bottom:1.35rem;padding:clamp(1rem,3vw,1.5rem);animation:.5s both fade-slide}main .section:first-child{animation-delay:30ms}main .section:nth-child(2){animation-delay:80ms}main .section:nth-child(3){animation-delay:.12s}main .section:nth-child(4){animation-delay:.16s}main .section:nth-child(5){animation-delay:.2s}main .section:nth-child(6){animation-delay:.24s}ul{margin:.3rem 0 0;padding-left:1.1rem}li{margin-bottom:.34rem}.members-grid,.two-column-grid,.skills-wrap,.projects-grid{gap:.95rem;display:grid}.members-grid,.two-column-grid,.skills-wrap{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.single-view-grid{grid-template-columns:minmax(280px,760px);justify-content:start;display:grid}.member-card,.info-card{border:1px solid var(--line);background:linear-gradient(145deg, var(--paper) 0%, var(--bg-muted) 100%);border-radius:12px;padding:1rem}.member-card h3,.info-card h3{margin-bottom:.2rem}.member-role{color:var(--accent);margin:.2rem 0 .65rem;font-weight:700}.info-card h4{color:var(--primary-strong);margin:.9rem 0 .25rem}.badge-list{flex-wrap:wrap;gap:.55rem;display:flex}.badge{letter-spacing:.015em;border:1px solid color-mix(in srgb, var(--primary) 38%, var(--line));background:color-mix(in srgb, var(--paper) 82%, var(--bg-muted));color:var(--primary-strong);border-radius:999px;padding:.34rem .68rem;font-size:.86rem;font-weight:700}.project-card{border:1px solid var(--line);background:var(--paper);border-radius:12px;transition:transform .24s,box-shadow .24s,border-color .24s;overflow:hidden}.project-card:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--line));transform:translateY(-5px);box-shadow:0 16px 28px #14223824}.project-card img{object-fit:cover;filter:saturate(.95)contrast(1.05);width:100%;height:188px}.project-body{padding:1rem}.project-body h3{margin-top:0}.project-role,.project-tech{color:var(--text-soft);font-size:.94rem}.project-links{flex-wrap:wrap;gap:.55rem;margin:.75rem 0;display:flex}.project-links a{color:var(--primary-strong);border-bottom:2px solid #0000;font-weight:700;text-decoration:none}.project-links a:hover{border-color:var(--accent)}.theme-btn,.details-btn,.submit-btn{cursor:pointer;background:linear-gradient(120deg, var(--primary) 0%, var(--primary-strong) 100%);color:#fff;border:none;border-radius:10px;padding:.68rem 1rem;font-size:.95rem;font-weight:700;transition:transform .18s,filter .18s}.theme-btn:hover,.details-btn:hover,.submit-btn:hover{filter:brightness(1.06);transform:translateY(-2px)}.theme-btn:focus-visible,.details-btn:focus-visible,.submit-btn:focus-visible,.project-links a:focus-visible,.top-nav a:focus-visible,.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 75%, #fff);outline-offset:2px}.contact-form{gap:.55rem;width:100%;display:grid}.contact-form label{color:var(--primary-strong);font-weight:700}.contact-form input,.contact-form textarea{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 85%, var(--bg-muted));width:100%;color:var(--text);font:inherit;border-radius:10px;padding:.7rem}.form-status{color:var(--success);margin:.45rem 0 0;font-weight:700}.footer{border-top:1px solid var(--line);text-align:center;color:var(--text-soft);background:var(--paper);padding:1.2rem 0 1.6rem}@keyframes fade-slide{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=820px){.top-nav{border-radius:14px;width:100%;position:static}.top-nav a{font-size:.9rem}.single-view-grid{grid-template-columns:1fr}}@media (width<=640px){.hero{padding-inline:1rem}.top-nav{gap:.35rem;padding:.45rem}.top-nav a{padding:.4rem .62rem;font-size:.82rem}.profile-switch-btn{font-size:.86rem}.projects-grid{grid-template-columns:1fr}.project-card img{height:170px}}@media (width<=480px){h1{font-size:1.75rem}.theme-btn,.details-btn,.submit-btn{width:100%}}