:root{--bg:#0f1220;--surface:#171a2b;--muted:#aab0d5;--text:#e9ecff;--accent:#8b5cf6;--ring:rgba(139,92,246,.35)}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:24px}
.header{position:sticky;top:0;z-index:10;background:rgba(15,18,32,.7);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{display:flex;justify-content:space-between;align-items:center;padding:12px 0}
.brand{display:flex;gap:12px;align-items:center}.brand img{width:24px;height:24px;border-radius:6px}.brand-name{font-weight:700}
.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{padding:8px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.04))}
.tab.active{border-color:rgba(139,92,246,.6);box-shadow:0 0 0 2px var(--ring) inset}
.grid{display:grid;gap:20px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}
.card{background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.25)}.pad{padding:20px}
.h1{font-size:38px;margin:0 0 10px}.h2{font-size:26px;margin:0 0 8px;color:#d6dbff}.p{color:var(--muted);line-height:1.6}
.cover{width:100%;aspect-ratio:3/4;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#0b0d19;object-fit:cover}
.headshot{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.1);object-fit:cover}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.04));cursor:pointer}
.btn:hover{outline:2px solid var(--ring)}.btn.primary{background:linear-gradient(180deg,rgba(139,92,246,.25),rgba(139,92,246,.15));border-color:rgba(139,92,246,.5)}
.footer{padding:30px 0;color:var(--muted);border-top:1px solid rgba(255,255,255,.08);margin-top:36px}
.viewer-grid{display:grid;grid-template-columns:1fr 2fr;gap:20px}.panel{background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px}
.filelist{list-style:none;margin:0;padding:0;max-height:70vh;overflow:auto}.filelist li{padding:10px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;gap:8px;cursor:pointer}
.filelist li:hover{background:rgba(255,255,255,.05)}.badge{font-size:12px;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:2px 8px;color:#cfd3ff}
.viewer iframe{width:100%;height:75vh;border:none;border-radius:12px;background:#0b0d19}.viewer img{max-width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.08)}
@media(max-width:1000px){.grid.two{grid-template-columns:1fr}.grid.three{grid-template-columns:1fr}.viewer-grid{grid-template-columns:1fr}}