*{margin:0;padding:0;box-sizing:border-box}
:root{--primary:#0f766e;--dark:#115e59;--accent:#14b8a6;--bg:#f4f8f7;--text:#1f2937;--muted:#64748b;--white:#fff;--border:#dbe5e3}
body{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.7}
a{text-decoration:none;color:inherit}.container{width:min(1100px,92%);margin:auto}
header{background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}
.navbar{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{font-size:24px;font-weight:800;color:var(--primary)}.logo span{color:var(--text)}
nav{display:flex;gap:8px;flex-wrap:wrap}nav a{padding:9px 14px;border-radius:8px;font-weight:600}nav a:hover,nav a.active{background:#dff5f1;color:var(--dark)}
.hero{padding:90px 0}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}
.badge{display:inline-block;padding:7px 13px;border-radius:999px;background:#dff5f1;color:var(--dark);font-weight:700;margin-bottom:18px}
h1{font-size:clamp(38px,6vw,68px);line-height:1.08;margin-bottom:20px}.hero h1 span{color:var(--primary)}
.hero p{color:var(--muted);font-size:18px;max-width:650px;margin-bottom:28px}

.profile-card {
    text-align: center;
}

.hero-image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.profile-circle {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    overflow: hidden;
}

.profile-circle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position:  30% 25%;
}
}
.buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-block;padding:12px 20px;border-radius:10px;font-weight:700;border:1px solid var(--primary)}
.btn.primary{background:var(--primary);color:var(--white)}.btn.primary:hover{background:var(--dark)}.btn.secondary{background:var(--white);color:var(--primary)}
.profile-card{background:var(--white);border:1px solid var(--border);border-radius:22px;padding:28px;box-shadow:0 12px 35px rgba(159, 209, 205, 0.08)}
.avatar{width:150px;height:150px;margin:0 auto 20px;border-radius:50%;background:#dff5f1;display:grid;place-items:center;font-size:56px;font-weight:800;color:var(--primary)}
.profile-card h3{text-align:center}.profile-card p{text-align:center;color:var(--muted)}
.section{padding:70px 0}.section h2{font-size:34px;margin-bottom:10px}.section-intro{color:var(--muted);margin-bottom:28px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:24px}
.card h3{margin-bottom:10px;color:var(--dark)}.card p{color:var(--muted)}
.page-title{padding:65px 0 25px}.page-title p{color:var(--muted);max-width:720px}
.skills{display:flex;flex-wrap:wrap;gap:10px}.skills span{background:var(--white);border:1px solid var(--border);padding:9px 13px;border-radius:999px;font-weight:600}
.timeline{display:grid;gap:18px}.timeline-item{background:var(--white);border:1px solid var(--border);border-left:5px solid var(--primary);padding:22px;border-radius:12px}.timeline-item strong{color:var(--primary)}
.project-card{overflow:hidden;padding:0}.project-image{min-height:150px;background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff;display:grid;place-items:center;font-size:28px;font-weight:800}
.project-content{padding:22px}.contact-box{background:var(--primary);color:#fff;border-radius:18px;padding:35px}.contact-box p{opacity:.9}.space-top{margin-top:55px!important}
footer{margin-top:60px;background:#0b3f3b;color:#fff;text-align:center;padding:22px}
@media(max-width:800px){.hero-grid,.cards{grid-template-columns:1fr}.navbar{padding:12px 0;flex-direction:column}.hero{padding-top:55px}}