:root{--bg: #050816;--bg-soft: #0f172a;--accent: #38bdf8;--accent-soft: rgba(56, 189, 248, .12);--text: #e5e7eb;--text-soft: #9ca3af;--radius-xl: 22px;--radius-full: 999px;--shadow-soft: 0 18px 40px rgba(15, 23, 42, .45);--transition-fast: .22s ease;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-sans);background:radial-gradient(circle at top,#111827 0,#020817 46%,#000);color:var(--text);min-height:100vh}.app-root{min-height:100vh;display:flex;justify-content:center;padding:32px 16px}.page-wrap{width:100%;max-width:1200px;margin:auto}.top-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:16px}.brand{display:flex;align-items:baseline;gap:8px}.brand-title{font-size:1.5rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.brand-subtitle{font-size:.8rem;color:var(--text-soft);text-transform:uppercase;letter-spacing:.16em}.top-nav-links{display:flex;gap:10px;flex-wrap:wrap}.top-nav-links a{padding:7px 14px;border-radius:var(--radius-full);border:1px solid rgba(148,163,253,.16);font-size:.76rem;color:var(--text-soft);text-decoration:none;display:inline-flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at top left,rgba(56,189,248,.13),transparent);transition:all var(--transition-fast)}.top-nav-links a span.icon{font-size:.9rem}.top-nav-links a:hover{color:var(--accent);border-color:var(--accent);box-shadow:0 10px 26px #0f172a99}.hero-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(260px,1.5fr);gap:24px;align-items:stretch;margin-bottom:28px}@media(max-width:840px){.hero-layout{grid-template-columns:1fr}}.profile-card{background:radial-gradient(circle at top left,var(--accent-soft),transparent),var(--bg-soft);border-radius:var(--radius-xl);padding:22px 22px 20px;box-shadow:var(--shadow-soft);border:1px solid rgba(148,163,253,.16);display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}.profile-header-label{font-size:.9rem;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);opacity:.9}.profile-name-wrap{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}.profile-name{font-size:1.8rem;font-weight:700;letter-spacing:.04em}.profile-position{font-size:.82rem;color:var(--accent);text-transform:uppercase;letter-spacing:.16em}.profile-grad-year{font-size:.78rem;color:var(--text-soft)}.profile-pill-row{display:flex;flex-wrap:wrap;gap:8px}.profile-pill{font-size:.68rem;padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,253,.22);color:var(--text-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:6px}@media(max-width:600px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat{padding:9px 10px;border-radius:16px;background:#0f172af5;border:1px solid rgba(75,85,99,.9);display:flex;flex-direction:column;gap:2px}.stat-label{font-size:.6rem;color:var(--text-soft);text-transform:uppercase;letter-spacing:.14em}.stat-value{font-size:.98rem;font-weight:600}.profile-photo-card{background:radial-gradient(circle at top,rgba(15,23,42,.3),transparent),#020817;border-radius:var(--radius-xl);padding:10px 10px 12px;box-shadow:var(--shadow-soft);border:1px solid rgba(148,163,253,.18);display:flex;flex-direction:column;gap:6px;justify-content:space-between}.profile-photo-wrap{border-radius:18px;overflow:hidden;position:relative;height:100%;min-height:230px}.profile-photo-wrap img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05)}.profile-photo-tag{position:absolute;bottom:10px;right:10px;padding:6px 12px;border-radius:999px;font-size:.6rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000b3;color:var(--accent);letter-spacing:.14em;text-transform:uppercase}.highlights-section{margin-top:6px;display:grid;grid-template-columns:minmax(0,2.2fr) minmax(220px,1.3fr);gap:20px;align-items:flex-start}@media(max-width:900px){.highlights-section{grid-template-columns:1fr}}.video-card{background:var(--bg-soft);border-radius:var(--radius-xl);padding:14px;border:1px solid rgba(75,85,99,.9);box-shadow:var(--shadow-soft)}.section-label{font-size:.7rem;text-transform:uppercase;color:var(--accent);letter-spacing:.16em;margin-bottom:4px}.section-title{font-size:1.05rem;font-weight:600;margin-bottom:10px}.video-frame-wrap{border-radius:16px;overflow:hidden;border:1px solid rgba(17,24,39,.9);background:#000}.video-frame-wrap iframe{width:100%;height:260px;border:none;display:block}.notes-card{background:radial-gradient(circle at top left,var(--accent-soft),transparent),var(--bg-soft);border-radius:var(--radius-xl);padding:14px;border:1px solid rgba(75,85,99,.9);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:6px}.notes-text{font-size:.8rem;color:var(--text-soft)}.notes-highlight{font-size:.8rem;color:var(--accent)}.footer{margin-top:18px;font-size:.68rem;color:var(--text-soft);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;opacity:.8}.footer span strong{color:var(--accent);font-weight:500}.top-nav{position:sticky;top:0;z-index:1000;background-color:#111;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;box-shadow:0 2px 8px #0000004d}.profile-card{padding:30px 28px 26px;gap:18px;transform:translateZ(0)}.profile-header-label{font-size:.8rem;letter-spacing:.22em}.profile-name{font-size:2.1rem}.profile-position{font-size:.9rem}.profile-grad-year{font-size:.85rem}.profile-pill-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.profile-pill{font-size:.8rem;padding:9px 16px;border-radius:16px;background:#0b1324fa;color:var(--text);border:1px solid rgba(56,189,248,.28);box-shadow:0 3px 8px #0f172ab3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:default;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.profile-pill:hover{transform:scale(1.08) translateY(-1px);background:var(--accent);color:#020817;box-shadow:0 8px 18px #38bdf873}.stats-grid{margin-top:14px;gap:14px}.stat{padding:12px 14px}.stat-label{font-size:.7rem}.stat-value{font-size:1.1rem}.top-nav-links a{position:relative;padding:8px 16px;font-size:.8rem;border-radius:999px;border:1px solid rgba(56,189,248,.25);background:#11182799;color:var(--text-soft);text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.top-nav-links a:hover{background:var(--accent);color:#000;transform:scale(1.1) translateY(-1px);box-shadow:0 6px 16px #38bdf880;border-color:var(--accent)}.top-nav-links a:active{transform:scale(1.05);box-shadow:0 4px 10px #38bdf866}.contact-link{color:var(--accent);font-weight:600;text-decoration:none;transition:color var(--transition-fast),text-shadow var(--transition-fast),text-decoration var(--transition-fast),transform var(--transition-fast)}.contact-link:hover{color:#00eaff;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;text-shadow:0 0 8px rgba(56,189,248,.8),0 0 18px rgba(56,189,248,.4);transform:scale(1.05)}.contact-link:active{transform:scale(.97);text-shadow:0 0 6px rgba(56,189,248,.6)}