.hero{justify-content:space-between;align-items:center;gap:40px;max-width:1200px;margin:0 auto;padding:80px 40px;display:flex}.hero-text h1{color:var(--text-light);font-size:3.5rem;font-weight:800;line-height:1.1}.hero-text h2{color:var(--text-light);opacity:.85;margin-bottom:16px;font-size:1.2rem;font-weight:400}.hero-text p{max-width:480px;color:var(--text-light);opacity:.9;font-size:1rem;line-height:1.7}.hero-image{flex-shrink:0;width:320px;height:400px;position:relative}.hero-image img{object-fit:cover;object-position:top center;z-index:2;clip-path:inset(0 round 0 0 150px 150px);border:none;border-radius:0;width:300px;height:400px;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.hero-image:before{content:"";border:4px solid var(--accent);z-index:1;border-radius:50%;width:300px;height:300px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.social-links{gap:20px;margin-top:24px;display:flex}.social-links a{color:var(--text-light);font-size:1.6rem;transition:color .2s,transform .2s}.social-links a:hover{color:var(--accent);transform:translateY(-3px)}@media (width<=900px){.hero{gap:24px;padding:60px 30px}.hero-text h1{font-size:2.8rem}}@media (width<=600px){.hero{text-align:center;flex-direction:column;align-items:center;padding:40px 24px}.hero-image{width:220px;height:220px}.hero-image img{clip-path:none;border:4px solid var(--accent);object-position:center top;border-radius:50%;width:220px;height:220px;position:static;transform:none}.hero-image:before{display:none}}.skills-section{text-align:center;max-width:1200px;margin:0 auto;padding:80px 40px}.skills-section h2{color:var(--text-light);margin-bottom:48px;font-size:2.5rem;font-weight:800}.skills-grid{grid-template-columns:repeat(4,1fr);display:grid}.skill-column{padding:0 32px}.skill-column:not(:last-child){border-right:1px solid #ffffff4d}.skill-column h3{color:var(--text-light);margin-bottom:20px;font-size:1.1rem;font-weight:700}.skill-column ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.skill-column ul li{color:var(--text-light);opacity:.85;font-size:.95rem}@media (width<=900px){.skills-grid{grid-template-columns:repeat(2,1fr);gap:40px 0}.skill-column:not(:last-child){border-right:none}.skill-column:nth-child(odd){border-right:1px solid #ffffff4d}}@media (width<=600px){.skills-section{padding:60px 24px}}.projects-section{width:100%;padding:80px 0}.projects-section h2{text-align:center;color:var(--text-light);margin-bottom:40px;font-size:2.5rem;font-weight:800}.projects-grid{scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;flex-direction:row;gap:24px;padding:0 40px 16px 24px;display:flex;overflow-x:auto}.projects-grid::-webkit-scrollbar{display:none}.project{background-color:var(--bg-card);flex-direction:column;flex:0 0 320px;display:flex;overflow:hidden}.project img{object-fit:cover;width:100%;height:180px}.project-info{flex-direction:column;flex-grow:1;gap:10px;padding:16px;display:flex}.project-info h3{color:var(--text-dark);font-size:1.1rem;font-weight:700}.project-info p{color:var(--text-dark);opacity:.8;flex-grow:1;font-size:.9rem;line-height:1.6}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{color:var(--bg-dark);background-color:#e8f5f5;border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:600}.links{gap:10px;margin-top:4px;display:flex}.links a{text-align:center;border-radius:6px;flex:1;padding:8px 0;font-size:.85rem;font-weight:600;transition:opacity .2s}.links a:hover{opacity:.85}.link-demo{background-color:var(--accent);color:#fff}.link-code{border:2px solid var(--accent);color:var(--accent)}@media (width<=600px){.projects-section h2{font-size:2rem}.projects-grid{gap:16px;padding:0 24px 16px}.project{flex:0 0 260px}}.tech-section{text-align:center;max-width:700px;margin:0 auto;padding:80px 40px}.tech-section h2{color:var(--text-light);margin-bottom:32px;font-size:2.5rem;font-weight:800}.tech-section p{color:var(--text-light);opacity:.9;font-size:1.1rem;line-height:1.9}@media (width<=600px){.tech-section{padding:60px 24px}.tech-section h2{font-size:2rem}.tech-section p{font-size:1rem}}.journey-section{width:100%;padding:80px 0}.journey-section h2{color:var(--text-light);text-align:center;margin-bottom:40px;font-size:2.5rem;font-weight:800}.journey-grid{scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;gap:24px;padding:0 40px 16px 24px;display:flex;overflow-x:auto}.journey-grid::-webkit-scrollbar{display:none}.journey-card{background-color:var(--bg-card);flex-direction:column;flex:0 0 320px;display:flex;overflow:hidden}.journey-card img{object-fit:cover;width:100%;height:180px}.journey-info{flex-direction:column;flex-grow:1;gap:8px;padding:16px;display:flex}.journey-date{color:var(--text-dark);opacity:.6;font-size:.8rem}.journey-info h3{color:var(--text-dark);font-size:1rem;font-weight:700}.journey-info p{color:var(--text-dark);opacity:.8;flex-grow:1;font-size:.875rem;line-height:1.6}.journey-link{text-align:center;border:2px solid var(--accent);color:var(--accent);border-radius:6px;padding:8px;font-size:.85rem;font-weight:600;transition:all .2s;display:block}.journey-link:hover{background-color:var(--accent);color:#fff}@media (width<=600px){.journey-section h2{font-size:2rem}.journey-grid{gap:16px;padding:0 24px 16px}.journey-card{flex:0 0 260px}}.contact-section{align-items:center;gap:80px;max-width:800px;margin:0 auto;padding:80px 0;display:flex}.contact-image img{object-fit:cover;object-position:center top;border:4px solid var(--accent);border-radius:50%;width:280px;height:280px}.contact-info h2{color:var(--text-light);margin-bottom:24px;font-size:3rem;font-weight:800}.contact-details{flex-direction:column;gap:6px;margin-bottom:24px;display:flex}.contact-details p,.contact-details a{color:var(--text-light);font-size:1rem;font-weight:600}.contact-details a:hover{color:var(--accent)}.contact-social{gap:20px;display:flex}.contact-social a{color:var(--text-light);font-size:1.6rem;transition:color .2s,transform .2s}.contact-social a:hover{color:var(--accent);transform:translateY(-3px)}@media (width<=700px){.contact-section{text-align:center;flex-direction:column;gap:32px;padding:60px 24px}.contact-social{justify-content:center}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#256f71;--bg-dark:#256f71;--bg-card:#fff;--accent:#e8845c;--text-light:#fff;--text-dark:#1b3a3a;--font:"Segoe UI", system-ui, sans-serif}body{font-family:var(--font);background-color:var(--bg);color:var(--text-light);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{text-decoration:none}section{max-width:1200px;margin:0 auto;padding:80px 40px}section.projects-section,section.journey-section{max-width:100%;margin:0;padding:80px 0}