:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:#f3f2ef}body{margin:0;display:flex;min-width:320px;min-height:100vh}a{color:#0a66c2;text-decoration:none}a:hover{text-decoration:underline}@media (max-width: 768px){body{padding:1rem}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.profile-container{max-width:1128px;margin:0 auto;padding:2rem;width:100%}.profile-header{background:#fff;border-radius:8px;padding:2rem;margin-bottom:2rem;box-shadow:0 0 0 1px #00000014}.profile-photo{width:150px;height:150px;border-radius:50%;object-fit:cover;margin-bottom:1rem}.about-section{background:#fff;border-radius:8px;padding:2rem;margin-bottom:2rem;box-shadow:0 0 0 1px #00000014}.links-section{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 0 0 1px #00000014}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.link-card{padding:1rem;border:1px solid #e0e0e0;border-radius:4px;transition:transform .2s}.link-card:hover{transform:translateY(-2px)}@media (max-width: 768px){.profile-container{padding:1rem}.profile-photo{width:100px;height:100px}}.narrative-section{padding:2rem;margin:2rem 0}.narrative-section h2{text-align:center;margin-bottom:2rem;color:#333;font-size:2.2rem}.narrative-section h3{color:#2c3e50;margin:2rem 0 1rem;font-size:1.8rem}.narrative-section .overview{background:#f8f9fa;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000000d}.narrative-section .experience>div{margin-bottom:2rem}.narrative-section p{background:#fff;padding:1.5rem;margin:1rem 0;border-radius:8px;box-shadow:0 2px 8px #0000000d;line-height:1.6;border-left:4px solid #0066cc;transition:transform .2s ease,box-shadow .2s ease;text-align:justify;-webkit-hyphens:auto;hyphens:auto}.narrative-section p:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.narrative-link{color:#06c;text-decoration:none;font-weight:500;transition:color .2s ease}.narrative-link:hover{color:#036;text-decoration:underline}@media (max-width: 768px){.narrative-section,.narrative-section .overview,.narrative-section p{padding:1rem}}.narrative-section .overview p{border-left-color:#34495e}.narrative-section .experience div:nth-child(1) p{border-left-color:#ff8c00}.narrative-section .experience div:nth-child(2) p{border-left-color:#2ecc71}.narrative-section .experience div:nth-child(3) p{border-left-color:#e74c3c}