:root{--bg:#0d1020;--bg2:#131a33;--text:#e9eeff;--muted:#aebbe4;--a:#5b8cff;--b:#7c5cff;--c:#2dd4bf;--card:rgba(255,255,255,.08);--border:rgba(255,255,255,.2)}
body.light{--bg:#edf3ff;--bg2:#f7fbff;--text:#0e1732;--muted:#425278;--card:rgba(255,255,255,.72);--border:rgba(30,58,138,.15)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 0%,#1b2660 0,transparent 40%),linear-gradient(160deg,var(--bg),var(--bg2));min-height:100vh;overflow-x:hidden}
.bg-orb{position:fixed;border-radius:50%;filter:blur(40px);opacity:.35;z-index:-1;animation:float 10s ease-in-out infinite}.orb1{width:260px;height:260px;background:var(--a);top:-70px;left:-50px}.orb2{width:220px;height:220px;background:var(--b);top:30%;right:-60px;animation-delay:1s}.orb3{width:200px;height:200px;background:var(--c);bottom:-60px;left:40%;animation-delay:2s}
@keyframes float{50%{transform:translateY(18px) translateX(-12px)}}
.wrap{max-width:1180px;margin:20px auto;padding:0 16px;display:grid;gap:14px}
.glass{backdrop-filter:blur(10px);background:var(--card);border:1px solid var(--border);border-radius:20px;padding:18px;box-shadow:0 8px 30px rgba(0,0,0,.16)}
.topbar{position:sticky;top:10px;z-index:20;max-width:1180px;margin:14px auto 0;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}
.brand-wrap{display:flex;gap:12px;align-items:center}.logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--a),var(--b));display:grid;place-items:center;font-weight:800}.pulse{animation:pulse 2.2s infinite}@keyframes pulse{50%{transform:scale(1.08)}}
.topbar h1{margin:0;font-size:1.08rem}.topbar p{margin:2px 0 0;color:var(--muted)}#themeToggle{background:transparent;border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:10px;cursor:pointer}
.hero{display:grid;grid-template-columns:1fr 260px;align-items:center;gap:16px}.hero h2{margin:0 0 8px;font-size:2rem;background:linear-gradient(90deg,#fff,var(--c));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{margin:0;color:var(--muted)}
.hero-photo,.profile-card{width:100%;height:100%;object-fit:cover;border-radius:16px;border:1px solid var(--border)}.hero-photo{height:230px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chips span{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid var(--border);font-size:.84rem}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi h3{margin:0;font-size:1.8rem;color:#fff}.kpi p{margin:5px 0 0;color:var(--muted);font-size:.9rem}
.layout{display:grid;grid-template-columns:320px 1fr;gap:12px}.right{display:grid;gap:12px}
h3{margin:0 0 8px;color:#bcd3ff}ul{margin:8px 0 0 18px;padding:0}li{margin:6px 0;line-height:1.4}a{color:#9ec2ff}
.timeline .item{border-left:2px solid rgba(123,157,255,.6);padding:8px 0 8px 12px;margin:8px 0}.item span{color:var(--muted);font-size:.9rem}
.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.hero{grid-template-columns:1fr}.layout{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.hero h2{font-size:1.5rem}}