*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif;min-height:100vh;background:linear-gradient(to bottom right,#f5f5f5,#f8e8e8,#f0d6d6);display:flex;flex-direction:column;align-items:center}#app{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center}header{padding-top:5vh}header a{font-size:clamp(24px,1.8vw,32px);font-weight:700;color:#000;text-decoration:none}main{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px 40px;width:100%}.bio{display:flex;align-items:center;justify-content:center;padding:40px 0 48px}.bio p{max-width:700px;font-size:16px;line-height:1.7;color:#000000de;text-align:center}.projects{width:100%;max-width:700px;padding-bottom:48px}.project-list{display:flex;flex-direction:column;gap:12px}.projects h2{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#0006;margin-bottom:14px}.project-card{background:#ffffffa6;border-radius:10px;box-shadow:0 2px 12px #00000012;overflow:hidden}.project-card-inner{display:flex;flex-direction:row;align-items:center;gap:20px;padding:18px 20px;text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease}.project-card:hover a.project-card-inner{transform:translateY(-2px);box-shadow:0 4px 18px #0000001a}.project-card-inner--static{cursor:default}.project-img{width:120px;height:80px;object-fit:cover;border-radius:6px;flex-shrink:0}.project-info{display:flex;flex-direction:column;gap:6px}.project-title{font-weight:700;font-size:16px;color:#000}.project-desc{font-size:14px;line-height:1.5;color:#0009}@media(max-width:600px){header a{font-size:24px}main{padding:24px 6%}.bio{padding:32px 0 40px}.bio p{font-size:14px}.project-card-inner{flex-direction:column;align-items:flex-start;gap:14px}.project-img{width:100%;height:160px}}footer{padding-bottom:5vh;display:flex;gap:20px}@media(max-width:600px){footer{gap:15px}}footer a{color:#1976d2;font-weight:700;text-decoration:none}footer a:hover{text-decoration:underline}