.location{background:#f8f9fa;padding:20px;margin-bottom:15px;border-radius:8px;border-left:4px solid #00acc1;transition:transform .2s;position:relative;overflow:hidden;min-height:120px;display:flex;align-items:center}.location:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;opacity:.15;z-index:0}.location.mpai-bay:before{background-image:url(https://images.unsplash.com/photo-1528181304800-259b08848526?w=800&q=80)}.location.phnom-penh:before{background-image:url(https://images.unsplash.com/photo-1598533880212-f7019e320c02?w=800&q=80)}.location.ho-chi-minh:before{background-image:url(https://images.unsplash.com/photo-1583417319070-4a69db38a482?w=800&q=80)}.location.singapore:before{background-image:url(https://images.unsplash.com/photo-1525625293386-3f8f99389edd?w=800&q=80)}.location.kuala-lumpur:before{background-image:url(https://images.unsplash.com/photo-1596422846543-75c6fc197f07?w=800&q=80)}.location.kuala-lumpur-2:before{background-image:url(https://images.unsplash.com/photo-1717539514927-ed321683ef38?w=800&q=80)}.location.moon:before{background-image:url(https://images.unsplash.com/photo-1506318137071-a8e063b4bec0?w=800&q=80)}.location.sun:before{background-image:url(https://images.unsplash.com/photo-1614642264762-d0a3b8bf3700?w=800&q=80)}.location.algiers:before{background-image:url(https://images.unsplash.com/photo-1539037116277-4db20889f2d4?w=800&q=80)}.location:hover{transform:translate(5px)}.location.up-next .location-content:before,.location.now .location-content:before{padding:4px 12px;border-radius:4px;font-size:.85rem;font-weight:600;margin-bottom:8px;margin-left:8px;float:right}.location.up-next .location-content:before{content:"Up Next ➡️";background:#e3f2fd;color:#1976d2;border:1px solid #90caf9}.location.now .location-content:before{content:"Now 📍";background:#ffebee;color:#c62828;border:1px solid #ef9a9a}.location-content{position:relative;z-index:1;width:100%;margin-bottom:8px;font-size:1.3rem}.location-content:after{content:"";display:table;clear:both}.location .dates{color:#555;line-height:1.5;font-weight:400;font-size:.9rem;display:flex;align-items:center;gap:6px}.location .dates svg{width:16px;height:16px;flex-shrink:0}.project{background:#f8f9fa;padding:20px;margin-bottom:15px;border-radius:8px;border-left:4px solid #1e88e5;transition:transform .2s}.project:hover{transform:translate(5px)}.project h3{color:#1e88e5;margin-bottom:8px;font-size:1.3rem}.project p{color:#555;line-height:1.5}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background:url(https://images.unsplash.com/photo-1588366575179-e5cb056efe21?w=1920&q=80);background-size:cover;background-position:center;background-attachment:fixed;min-height:100vh;padding:20px;display:flex;justify-content:center;align-items:center}.container{min-width:80%;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;padding:40px;margin:20px}h1,h2,h3,a,a:visited{color:#68708b}a,a:hover{text-decoration:none}h1{font-size:2.5rem;margin-bottom:10px}.subtitle{font-size:1.1rem;color:#666;margin-bottom:40px;font-style:italic}h2{font-size:1.8rem;margin-top:30px;margin-bottom:20px;border-bottom:2px solid #68708b;padding-bottom:10px}.social-links{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;justify-content:center}.social-link{display:inline-flex;align-items:center;padding:12px 20px;color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px #0000001a}.social-link.github{background:#24292e}.social-link.linkedin{background:#0077b5}.social-link.instagram{background:linear-gradient(115deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-link:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0003}.social-link svg{margin-right:8px;width:20px;height:20px}.projects{margin-top:20px}img.emoji{width:1.2em;height:1.2em;vertical-align:-.2em}.locations{margin-top:20px}.footer{margin-top:50px;padding-top:30px;border-top:1px solid #e0e0e0;text-align:center;color:#666;font-size:.9rem}.footer a{font-weight:500}@media(max-width:600px){.container{padding:25px}h1{font-size:2rem}h2{font-size:1.5rem}.social-links{flex-direction:column}.social-link{width:100%;justify-content:center}}
