:root{--bg: #0b0d12;--panel: #12151c;--text: #e8edf2;--muted: #9aa7b2;--brand: #5b9dff;--brand-600: #347eff;--border: #1e2430;--radius: 14px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 600px at 10% -10%,#102040 0%,transparent 60%),radial-gradient(800px 600px at 100% 0%,#0c1a33 0%,transparent 60%),var(--bg);color:var(--text);background-attachment:fixed;background-repeat:no-repeat;background-size:cover}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-600)}.container{max-width:1100px;margin:0 auto;padding:24px;width:100%}.app-root{display:flex;flex-direction:column;min-height:100%}main.container{flex:1}.navbar{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--bg) 82%,transparent);border-bottom:1px solid var(--border)}.navbar-inner{max-width:1100px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px}.brand-logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#5b9dff,#8bd3ff);box-shadow:0 8px 24px #5b9dff40}.nav-links{display:flex;gap:16px}.nav-link{color:var(--text);opacity:.8}.nav-link.active,.nav-link:hover{opacity:1;color:var(--brand)}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}@media (max-width: 900px){.hero{grid-template-columns:1fr}}.panel{background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 90%,transparent) 0%,var(--panel) 100%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 30px #00000059}.hero-card{padding:28px}.hero-title{font-size:40px;line-height:1.1;margin:0 0 10px}.hero-sub{color:var(--muted);margin:0 0 18px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff;border:none;padding:10px 14px;border-radius:12px;font-weight:600;box-shadow:0 8px 20px #347eff59}.btn.secondary{background:transparent;border:1px solid var(--border);color:var(--text);box-shadow:none}.avatar-card{padding:14px;display:grid;place-items:center}.avatar{width:240px;height:240px;border-radius:20px;object-fit:cover;border:1px solid var(--border);background:linear-gradient(180deg,#111418,#0b0d12)}.avatar-fallback{width:240px;height:240px;border-radius:20px;display:grid;place-items:center;color:var(--muted);border:1px dashed var(--border)}.section-title{font-size:22px;margin:28px 0 12px;color:var(--muted);font-weight:600}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 1000px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 660px){.grid{grid-template-columns:1fr}}.card{border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 90%,transparent) 0%,var(--panel) 100%);padding:18px;display:flex;flex-direction:column;gap:10px}.card h3{margin:0;font-size:18px}.card p{margin:0;color:var(--muted);font-size:14px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tag{font-size:12px;color:var(--muted);background:#0e1118;border:1px solid var(--border);border-radius:999px;padding:4px 8px}.card .actions{margin-top:8px;display:flex;gap:8px}.footer{border-top:1px solid var(--border);padding:20px 24px;color:var(--muted)}.details-row{margin:4px 0}.details-row+.details-row{border-top:1px solid var(--border);padding-top:8px;margin-top:8px}.details-row summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:10px;transition:background .2s ease,color .2s ease}.details-row summary::-webkit-details-marker{display:none}.details-row summary:hover{background:color-mix(in srgb,var(--panel) 60%,transparent)}.details-row .chevron{margin-left:auto;opacity:.7;transition:transform .2s ease,opacity .2s ease}.details-row[open] .chevron{transform:rotate(90deg);opacity:.9}.details-row p{margin:6px 10px 0}.card h3 .icon{width:16px;height:16px;opacity:.8;vertical-align:-2px;margin-right:6px}