:root{color:#e5e7eb;background:#090b10;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}body{color:#e5e7eb;background:radial-gradient(circle at top,#10151f,#090b10 45%);margin:0}#app{min-height:100vh}.page{gap:1rem;width:min(1040px,92%);margin:0 auto;padding:2.5rem 0 3rem;display:grid}.hero,.card{background:#0c1018db;border:1px solid #1f2937;border-radius:16px;padding:1.6rem;box-shadow:0 10px 24px #02061747}.hero{padding-top:1.6rem;position:relative}.controls-row{z-index:5;align-items:center;gap:.5rem;display:flex;position:absolute;top:1.2rem;right:1.4rem}.hero-top{align-items:center;gap:1rem;margin-bottom:1.2rem;padding-right:12rem;display:flex}.ctrl-btn{color:#e5e7eb;cursor:pointer;white-space:nowrap;background:#111827;border:1px solid #334155;border-radius:999px;padding:.35rem .75rem;font-size:.8rem;transition:background .2s,border-color .2s}.ctrl-btn:hover{background:#3b82f61f;border-color:#60a5fa}.profile-photo{object-fit:cover;border:2px solid #334155;border-radius:50%;flex-shrink:0;width:72px;height:72px}.brand-row{align-items:center;gap:.8rem;display:inline-flex}.tag{color:#60a5fa;justify-content:center;align-items:center;margin:0;font-size:.9rem;display:inline-flex}.brand-logo{object-fit:contain;width:52px;height:52px}h1{letter-spacing:-.02em;margin:.4rem 0 .2rem;font-size:clamp(1.8rem,4vw,2.8rem)}h2{color:#9ca3af;margin:.3rem 0;font-size:clamp(1rem,2vw,1.3rem)}h3{color:#bfdbfe;margin-top:0;font-size:1.15rem}.location,.summary{color:#d1d5db}.about-me{color:#d1d5db;margin:0}.links{flex-wrap:wrap;gap:.7rem;margin-top:1rem;display:flex}.links a,.project a{color:#60a5fa;text-decoration:none}.links a{border:1px solid #334155;border-radius:999px;padding:.3rem .75rem;font-size:.88rem;transition:all .2s}.links a:hover{background:#3b82f61f;border-color:#60a5fa}.cv-attachment{margin-top:.75rem}.cv-link{color:#93c5fd;background:#0a0e16b3;border:1px solid #334155;border-radius:8px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.9rem;text-decoration:none;transition:all .2s;display:inline-flex}.cv-link:hover{background:#3b82f61f;border-color:#60a5fa}.cv-note{color:#6b7280;margin:.3rem 0 0;font-size:.8rem}.attachment-link{color:#93c5fd;align-items:center;gap:.3rem;margin-left:.6rem;font-size:.88rem;text-decoration:none;display:inline-flex}.attachment-link:hover{text-decoration:underline}.yt-link{color:#f87171;align-items:center;gap:.3rem;margin-left:.6rem;font-size:.88rem;text-decoration:none;display:inline-flex}.yt-link:hover{text-decoration:underline}.seo-links{gap:.6rem;display:grid}.seo-links a{color:#93c5fd;background:#0a0e16b3;border:1px solid #334155;border-radius:10px;padding:.7rem .85rem;font-weight:600;text-decoration:none}.seo-links a:hover{background:#3b82f61f;border-color:#60a5fa}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-top:1.2rem;display:grid}.metric-item{background:#0a0e16b3;border:1px solid #243244;border-radius:10px;padding:.65rem .7rem}.metric-value{color:#93c5fd;margin:0;font-size:1.05rem;font-weight:700}.metric-label{color:#9ca3af;margin:.2rem 0 0;font-size:.76rem}ul{margin:0;padding-left:1.2rem}.projects{gap:.9rem;display:grid}.project{background:#0a0e16e6;border:1px solid #1f2937;border-radius:12px;padding:1rem;transition:transform .2s,border-color .2s}.project:hover{border-color:#2f4f79;transform:translateY(-2px)}.project h4{margin:0}.period{color:#9ca3af;margin:.25rem 0 .5rem;font-size:.92rem}.project-note{color:#fcd34d;background:#f59e0b14;border-left:3px solid #f59e0b;border-radius:6px;margin:.6rem 0 .8rem;padding:.55rem .65rem;font-size:.86rem}.ask-link{margin-left:.9rem}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.media-card{background:#0a0e16e6;border:1px solid #1f2937;border-radius:12px;transition:transform .2s,border-color .2s;overflow:hidden}.media-card:hover{border-color:#2f4f79;transform:translateY(-2px)}.media-card img{object-fit:cover;width:100%;height:200px;display:block}.media-text{padding:.9rem}.media-text h3{margin:0 0 .45rem}.skills{flex-wrap:wrap;gap:.5rem;display:flex}.skill-groups{gap:.7rem;display:grid}.skill-group{background:#0a0e16e6;border:1px solid #1f2937;border-radius:10px;padding:.65rem .8rem}.skill-group summary{cursor:pointer;color:#bfdbfe;font-weight:600;list-style:none}.skill-group summary::-webkit-details-marker{display:none}.skill-group summary:after{content:" +";color:#93c5fd}.skill-group[open] summary:after{content:" −"}.skill-group .skills{margin-top:.7rem}.skills span{color:#cbd5e1;border:1px solid #334155;border-radius:999px;padding:.35rem .7rem;font-size:.88rem}.tech-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-top:1rem;display:grid}.tech-logos img{object-fit:contain;mix-blend-mode:lighten;background:0 0;border:1px solid #1f2937;border-radius:10px;width:100%;height:72px;padding:.5rem}.footer{text-align:center;color:#9ca3af;font-size:.95rem}.loading{text-align:center;color:#9ca3af}body.theme-light{color:#0f172a;background:radial-gradient(circle at top,#f3f8ff,#e6ecf7 45%)}body.theme-light .hero,body.theme-light .card{background:#ffffffeb;border-color:#d4dce8;box-shadow:0 10px 24px #0f172a17}body.theme-light .location,body.theme-light .summary,body.theme-light .about-me,body.theme-light .period,body.theme-light .skills span{color:#334155}body.theme-light h1,body.theme-light h2,body.theme-light h3,body.theme-light h4{color:#0f172a}body.theme-light .ctrl-btn{color:#0f172a;background:#eff6ff;border-color:#93c5fd}body.theme-light .ctrl-btn:hover{background:#e0eeff;border-color:#3b82f6}body.theme-light .links a{color:#1d4ed8;border-color:#cbd5e1}body.theme-light .seo-links a{color:#1d4ed8;background:#f8fbff;border-color:#d4dce8}body.theme-light .links a:hover,body.theme-light .seo-links a:hover{background:#e8f1ff;border-color:#93c5fd}body.theme-light .cv-link{color:#1d4ed8;background:#f8fbff;border-color:#cbd5e1}body.theme-light .cv-link:hover{background:#e8f1ff;border-color:#3b82f6}body.theme-light .cv-note{color:#94a3b8}body.theme-light .project,body.theme-light .media-card,body.theme-light .skill-group{background:#f8fbff;border-color:#d4dce8}body.theme-light .skills span{background:#f1f5f9;border-color:#cbd5e1}body.theme-light .metric-item{background:#f8fbff;border-color:#d4dce8}body.theme-light .metric-value{color:#1d4ed8}body.theme-light .metric-label{color:#475569}body.theme-light .skill-group summary{color:#1d4ed8}body.theme-light .project-note{color:#9a3412;background:#fff8eb;border-left-color:#d97706}body.theme-light .tech-logos img{filter:none;background:#f8fbff;border-color:#d4dce8;padding:.5rem}@media (width<=768px){.hero{padding-top:3.5rem;padding-right:1.6rem}.controls-row{top:.8rem;right:.8rem}.hero-top{flex-wrap:wrap;padding-right:0}.profile-photo{width:60px;height:60px}.brand-row{width:100%}.media-grid{grid-template-columns:1fr}.metrics,.tech-logos{grid-template-columns:repeat(2,minmax(0,1fr))}}