:root{--accent: #3498db;--accent-dark: #2c3e50;--bg: #f7f9fc;--card: #ffffff;--text: #2d3748;--muted: #6b7280}*{box-sizing:border-box}body{font-family:Inter,Segoe UI,sans-serif;line-height:1.6;color:var(--text);max-width:1000px;margin:0 auto;padding:24px;background:var(--bg)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.profile-header{display:flex;gap:32px;align-items:center;margin-bottom:36px;padding-bottom:24px;border-bottom:2px solid #e5e7eb}.profile-img{width:220px;height:220px;border-radius:50%;object-fit:cover;object-position:center 30%;transform:scale(1.15);transform-origin:center 30%;box-shadow:0 4px 16px #0000001f;flex-shrink:0}.profile-info h1{margin:0;font-size:2.4rem;color:var(--accent-dark);font-weight:700}.greeting{margin:6px 0;color:var(--muted)}.profile-info p{margin:6px 0}.tags{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cv-button{display:inline-flex;align-items:center;gap:6px;background:var(--accent-dark);color:#fff;padding:5px 13px;border-radius:6px;font-size:.82rem;font-weight:600;text-decoration:none;box-shadow:0 2px 8px #0000001f;transition:transform .2s,opacity .2s}.cv-button:hover{transform:translateY(-1px);opacity:.9;text-decoration:none}.tag{background:var(--accent);color:#fff;padding:5px 12px;border-radius:20px;font-size:.82rem;font-weight:500}section{margin-bottom:44px}section h2{border-bottom:2px solid var(--accent);padding-bottom:8px;color:var(--accent-dark);font-size:1.5rem;margin:0 0 18px}section h3{color:var(--accent-dark);font-size:1.1rem;margin:0 0 6px}section p{margin:0 0 8px}.education-list,.experience-list,.paper-list{list-style:none;padding:0;margin:0}.education-item{display:flex;align-items:flex-start;gap:18px;padding:16px 20px;margin-bottom:14px;background:var(--card);border-radius:10px;box-shadow:0 2px 10px #0000000d;transition:transform .2s,box-shadow .2s}.education-item:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.edu-icon{font-size:2rem;flex-shrink:0}.edu-details p{margin:2px 0}.edu-meta{color:var(--muted);font-size:.9rem}.experience-item{padding:16px 20px;margin-bottom:14px;background:var(--card);border-radius:10px;box-shadow:0 2px 10px #0000000d;transition:transform .2s,box-shadow .2s}.experience-item:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.exp-meta{color:var(--muted);font-size:.9rem;margin-top:-4px}.experience-item a{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}.experience-item a:hover{color:var(--accent-dark)}.experience-item h3 a{color:var(--accent)}.pub-category{margin-bottom:26px;border-left:3px solid var(--accent);padding-left:16px}.pub-category-title{font-size:1.15rem;color:var(--accent-dark);font-weight:600;margin:0 0 12px}.paper-list li{padding:14px 18px;margin-bottom:12px;background:var(--card);border-radius:8px;box-shadow:0 2px 6px #0000000a;transition:transform .2s,box-shadow .2s}.paper-list li:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.paper-title{color:#111;font-weight:700;display:block;margin-bottom:4px}.authors{color:#444;font-size:.95rem;margin:4px 0}.authors .me{font-weight:700;text-decoration:underline}.venue{color:var(--accent);font-weight:600;font-size:.92rem;margin:4px 0 8px}.venue em{color:var(--muted);font-weight:500}.venue em.collab-oracle{color:#c74634;font-style:normal;font-weight:600}.venue em.collab-adobe{color:#fa0f00;font-style:normal;font-weight:600}.venue em.collab-oracle a,.venue em.collab-adobe a{color:inherit;text-decoration:none}.venue em.collab-oracle a:hover,.venue em.collab-adobe a:hover{text-decoration:underline;text-underline-offset:3px}.paper-with-media{display:flex;gap:18px;align-items:flex-start}.paper-main{flex:1;min-width:0}.paper-thumb{flex-shrink:0;width:240px;display:block;position:relative;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001f;transition:transform .2s,box-shadow .2s}.paper-thumb:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000002e;text-decoration:none}.paper-thumb img{display:block;width:100%;height:auto}.paper-thumb-caption{position:absolute;left:0;right:0;bottom:0;padding:5px 9px;font-size:.72rem;font-weight:600;color:#fff;background:linear-gradient(transparent,#000000b8)}.paper-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.paper-links a{display:inline-flex;align-items:center;gap:4px;background:var(--accent);color:#fff;padding:4px 10px;border-radius:4px;font-size:.85rem;font-weight:500;text-decoration:none;transition:transform .2s,background .2s}.paper-links a:hover{transform:translateY(-1px);text-decoration:none;opacity:.88}.paper-links a:has(.fa-file-pdf){background:#c0392b}.paper-links a:has(.fa-file-alt){background:#489aec}.paper-links a:has(.fa-globe){background:linear-gradient(90deg,#d97373,#d99a6c,#c8b15a,#7eaa6c,#6e94c0,#9982c4)}.paper-links a:has(.fa-github){background:#2d333b}.cmlab-link,.cmlab-link strong{color:#0d207f}.cmlab-link:hover{color:#0d207f;text-decoration:underline;text-underline-offset:3px}.notation{color:var(--muted);font-size:.85rem;margin-top:14px}.interests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.interest-item{background:var(--card);padding:16px 20px;border-radius:10px;box-shadow:0 2px 10px #0000000d;transition:transform .2s}.interest-item:hover{transform:translateY(-2px)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.skill-group{background:var(--card);padding:16px 20px;border-radius:10px;box-shadow:0 2px 10px #0000000d}.skill-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.skill-badge{background:var(--accent-dark);color:#fff;padding:5px 12px;border-radius:5px;font-size:.85rem;font-weight:500}.contact-links{display:flex;flex-wrap:wrap;gap:18px}.contact-links a{display:inline-flex;align-items:center;gap:6px;font-weight:500}.page-footer{margin-top:40px;padding:18px 0;border-top:1px solid #e5e7eb;text-align:center;color:var(--muted);font-size:.85rem}@media(max-width:720px){.profile-header{flex-direction:column;text-align:center}.profile-img{width:140px;height:140px}.tags,.contact-links{justify-content:center}.paper-with-media{flex-direction:column}.paper-thumb{width:100%}}
