@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;background-color:#fff}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}.app{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1a1a2e;line-height:1.6}.hero{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff;padding:80px 20px;text-align:center}.hero-content{max-width:800px;margin:0 auto}.profile-photo{width:180px;height:180px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.2);box-shadow:0 10px 40px #0000004d;margin-bottom:24px}.hero h1{font-size:3rem;font-weight:700;margin-bottom:8px;letter-spacing:-.5px}.tagline{font-size:1.25rem;color:#94a3b8;margin-bottom:20px}.contact-info{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-bottom:28px;font-size:.95rem}.contact-info span,.contact-info a{display:flex;align-items:center;gap:6px;color:#cbd5e1;text-decoration:none;transition:color .2s}.contact-info a:hover{color:#60a5fa}.social-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.social-links a{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffffff1a;border-radius:12px;color:#fff;text-decoration:none;transition:all .2s}.social-links a:hover{background:#fff3;transform:translateY(-2px)}.x-icon,.letterboxd-icon,.serializd-icon{font-size:1.5rem;font-weight:700}.section{padding:80px 20px}.container{max-width:1000px;margin:0 auto}.section h2{display:flex;align-items:center;gap:12px;font-size:2rem;font-weight:700;margin-bottom:32px;color:#1a1a2e}.about{background:#f8fafc}.about p{font-size:1.1rem;color:#475569;margin-bottom:16px;max-width:800px}.projects{background:#fff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.project-card{background:#f8fafc;border-radius:16px;padding:28px;text-decoration:none;color:inherit;transition:all .2s;border:1px solid #e2e8f0}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a;border-color:#60a5fa}.project-icon{width:56px;height:56px;background:linear-gradient(135deg,#1a1a2e,#0f3460);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:16px}.project-card h3{font-size:1.2rem;font-weight:600;margin-bottom:8px;color:#1a1a2e;display:flex;align-items:center;gap:8px}.project-card p{font-size:.95rem;color:#64748b;line-height:1.5}.experience{background:#f8fafc}.timeline{display:flex;flex-direction:column;gap:24px}.timeline-item{background:#fff;border-radius:12px;padding:24px;border-left:4px solid #0f3460}.timeline-item h3{font-size:1.25rem;font-weight:600;color:#1a1a2e;margin-bottom:12px}.role{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;gap:8px}.role:last-child{border-bottom:none}.role-title{font-weight:500;color:#334155}.role-period{font-size:.9rem;color:#64748b}.education{background:#fff}.education-list{display:flex;flex-direction:column;gap:24px}.education-item{background:#f8fafc;border-radius:12px;padding:24px}.education-item h3{font-size:1.1rem;font-weight:600;color:#1a1a2e;margin-bottom:8px}.education-item .degree{font-weight:500;color:#334155;margin-bottom:4px}.education-item .focus{font-size:.95rem;color:#64748b;margin-bottom:8px}.education-item .period{font-size:.9rem;color:#94a3b8;font-weight:500}.footer{background:#1a1a2e;color:#94a3b8;text-align:center;padding:32px 20px;font-size:.9rem}@media(max-width:640px){.hero h1{font-size:2.25rem}.profile-photo{width:140px;height:140px}.contact-info{flex-direction:column;gap:12px}.section h2{font-size:1.5rem}.role{flex-direction:column;align-items:flex-start}}