:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 600px at 50% -10%,#1d2b4a,#0b0f1a 60%);color:#e8edf6}#root{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:8vh 24px 64px}header{text-align:center;max-width:640px}.logo{width:92px;height:92px;object-fit:cover;border-radius:22px;margin-bottom:20px;box-shadow:0 10px 40px #7aa2ff40;animation:pop .5s ease both}h1{font-size:clamp(2.2rem,6vw,3.4rem);margin:0 0 12px;letter-spacing:-.02em;background:linear-gradient(90deg,#7aa2ff,#b388ff);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes pop{0%{opacity:0;transform:scale(.8) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.tagline{font-size:1.1rem;color:#9aa6bf;margin:0 0 48px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;width:100%;max-width:920px}.card{position:relative;display:block;text-decoration:none;color:inherit;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;animation:rise .5s ease both}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#7aa2ff1f,#b388ff1f);opacity:0;transition:opacity .18s ease}.card:hover{transform:translateY(-5px);border-color:#7aa2ff99;box-shadow:0 14px 40px #7aa2ff2e}.card:hover:before{opacity:1}.card>*{position:relative}.card:nth-child(2){animation-delay:.06s}.card:nth-child(3){animation-delay:.12s}.card:nth-child(4){animation-delay:.18s}.card:nth-child(5){animation-delay:.24s}.card:nth-child(6){animation-delay:.3s}.card-icon{display:block;font-size:1.9rem;line-height:1;margin-bottom:14px}.card h2{margin:0 0 8px;font-size:1.3rem}.card p{margin:0 0 16px;color:#9aa6bf;font-size:.95rem;line-height:1.5}.host{font-size:.85rem;color:#7aa2ff;font-weight:600}footer{margin-top:56px;color:#5b6680;font-size:.85rem;display:flex;flex-direction:column;align-items:center;gap:12px}.footer-links{display:flex;gap:20px}.bio-link{color:#7aa2ff;text-decoration:none;font-weight:600}.bio-link:hover{text-decoration:underline}.bio-contact{margin:0 0 56px;color:#9aa6bf}.bio-contact a{color:#7aa2ff;font-weight:600;text-decoration:none}.bio-contact a:hover{text-decoration:underline}.bio{width:100%;max-width:760px}.back{display:inline-block;margin-bottom:24px;color:#7aa2ff;text-decoration:none;font-weight:600}.back:hover{text-decoration:underline}.bio-header{text-align:center;margin-bottom:40px}.bio-sections{display:flex;flex-direction:column;gap:20px}.bio-section{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px 28px}.bio-section h2{margin:0 0 12px;font-size:1.25rem;display:flex;align-items:center;gap:10px}.bio-icon{font-size:1.3rem}.bio-section p{margin:0;color:#c3cbdc;line-height:1.65}.bio-items{margin:0;padding-left:20px;color:#c3cbdc;line-height:1.65}.bio-items li{margin-bottom:10px}.bio-items strong{color:#e8edf6}.bio-summary{margin:32px 0 56px;padding:20px 24px;border-left:3px solid #7aa2ff;background:#7aa2ff0f;border-radius:0 12px 12px 0;color:#d6dcea;line-height:1.65;font-style:italic}