:root{color-scheme:light dark;font-family:Inter,Segoe UI,system-ui,sans-serif;line-height:1.6;font-weight:400;--bg: #f6f7fb;--card: #ffffff;--text: #151a23;--muted: #5e6b7a;--border: rgba(15, 23, 42, .1);--accent: #3863f2;--shadow: 0 24px 60px rgba(15, 23, 42, .12)}body[data-theme=dark]{--bg: #0f1117;--card: #171a23;--text: #f5f7ff;--muted: #b8c3d3;--border: rgba(148, 163, 184, .2);--accent: #8aa6ff;--shadow: 0 24px 60px rgba(0, 0, 0, .35)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}.app{display:flex;flex-direction:column;min-height:100vh}main{flex:1}.navbar{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navbar__content{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 6vw;gap:1.5rem}.navbar__title a{font-size:1.3rem;font-weight:600}.navbar__links{display:flex;gap:1.5rem;font-weight:500}.navbar__links a{color:var(--muted)}.navbar__links a.active{color:var(--text)}.theme-toggle{border:1px solid var(--border);background:var(--card);color:var(--text);padding:.5rem 1rem;border-radius:999px;cursor:pointer}.page{padding-bottom:4rem}.hero{min-height:52vh;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;position:relative}.hero__overlay{background:#0f172aa6;color:#f8fafc;padding:4rem 6vw;max-width:720px;border-radius:24px;text-align:left;box-shadow:var(--shadow)}.hero__overlay h1{font-size:clamp(2.4rem,4vw,3.6rem);margin-bottom:1rem}.section{padding:3rem 6vw 0}.section--narrow{max-width:880px;margin:0 auto}.section__header{max-width:700px;margin-bottom:2rem}.section h1,.section h2{margin-bottom:.6rem}.section p{color:var(--muted)}.tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.2rem}.project-tile{border-radius:16px;overflow:hidden;border:1px solid var(--border);background:var(--card);transition:transform .2s ease,box-shadow .2s ease}.project-tile img{width:100%;height:140px;object-fit:cover;display:block}.project-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.8rem}.project-card{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.project-card img{width:100%;height:180px;object-fit:cover}.project-card__content{padding:1.4rem}.project-card h3{margin-bottom:.6rem}.project-card p{color:var(--muted)}.project-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px #0f172a33}.skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem 2rem;margin-top:1rem;color:var(--muted)}.skills li{list-style:none;background:var(--card);padding:.6rem 1rem;border-radius:12px;border:1px solid var(--border)}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.6rem;margin-top:1.4rem}.facts div{background:var(--card);padding:1.2rem;border-radius:16px;border:1px solid var(--border)}.detail-header{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:2rem;align-items:center}.detail-header img{width:100%;border-radius:16px;border:1px solid var(--border)}.badge{display:inline-block;margin-top:.8rem;padding:.3rem .8rem;background:#3863f226;color:var(--accent);border-radius:999px;font-size:.85rem}.button-link{display:inline-block;margin-top:1.6rem;padding:.6rem 1.2rem;border-radius:999px;border:1px solid var(--border);background:var(--card)}.detail-body{display:flex;flex-direction:column;gap:2.5rem}.detail-section h3{margin-bottom:.6rem}.detail-highlights{list-style:none;display:grid;gap:.6rem}.detail-highlights li{padding:.8rem 1rem;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--muted)}.detail-links{display:flex;flex-wrap:wrap;gap:.8rem}.detail-links .button-link{margin-top:0}.detail-links-list,.detail-bullets,.detail-steps{margin-top:.8rem;padding-left:1.2rem;color:var(--muted);display:grid;gap:.4rem}.data-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}.data-list div{padding:.8rem 1rem;border-radius:12px;border:1px solid var(--border);background:var(--card)}.data-list dt{font-weight:600}.data-list dd{margin-top:.3rem;color:var(--muted)}.detail-table-wrapper{overflow-x:auto;border-radius:16px;border:1px solid var(--border);background:var(--card)}.detail-table{width:100%;border-collapse:collapse;min-width:420px}.detail-table th,.detail-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border);color:var(--muted)}.detail-table th{font-weight:600;color:var(--text);background:#3863f214}.detail-table tr:last-child td{border-bottom:none}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.media-grid figure{border-radius:16px;border:1px solid var(--border);background:var(--card);padding:.8rem}.media-grid img{width:100%;height:160px;object-fit:cover;border-radius:12px;border:1px solid var(--border)}.media-grid figcaption{margin-top:.5rem;font-size:.85rem;color:var(--muted)}.embed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.embed-card{border-radius:16px;border:1px solid var(--border);background:var(--card);padding:.8rem}.embed-frame{width:100%;border:0;border-radius:12px;aspect-ratio:16 / 9;background:#000}.embed-frame--tall{aspect-ratio:9 / 16}.embed-card p{margin-top:.6rem;color:var(--muted)}.footer{padding:2rem 6vw;color:var(--muted);border-top:1px solid var(--border)}@media (max-width: 900px){.navbar__content{flex-direction:column;align-items:flex-start}.detail-header{grid-template-columns:1fr}}