:root{color:#102033;scroll-behavior:smooth;background:#f4f7fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{color:#102033;background:radial-gradient(circle at 0 0,#186fc91f,#0000 32%),linear-gradient(#f8fbff 0%,#eef4fb 100%);margin:0}a{color:inherit;text-decoration:none}.navbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fbffd6;border-bottom:1px solid #10203314;justify-content:space-between;align-items:center;height:78px;padding:0 6vw;display:flex;position:sticky;top:0}.logo{color:#071b45;letter-spacing:-.02em;align-items:center;gap:14px;font-weight:800;display:flex}.logo-image{object-fit:contain;border-radius:14px;width:42px;height:42px;box-shadow:0 12px 28px #1d74d833}.logo-icon{color:#fff;background:linear-gradient(135deg,#0a2f7a,#1d74d8);border-radius:14px;place-items:center;width:42px;height:42px;font-size:.85rem;display:grid;box-shadow:0 12px 28px #1d74d847}nav{color:#3f4e63;align-items:center;gap:28px;font-size:.95rem;display:flex}nav a{position:relative}nav a:after{content:"";background:#1d74d8;width:0;height:2px;transition:width .25s;position:absolute;bottom:-9px;left:0}nav a:hover:after{width:100%}main{width:min(1180px,92vw);margin:0 auto}.hero{grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px;min-height:520px;padding:80px 0 60px;display:grid}.hero-avatar{justify-content:center;align-items:center;display:flex;position:relative}.hero-avatar:before{content:"";filter:blur(2px);background:linear-gradient(135deg,#1d74d82e,#59cfdc2e);border-radius:50%;width:365px;height:365px;position:absolute}.profile-photo-frame{background:linear-gradient(135deg,#e8f1ff,#fff);border:8px solid #ffffffeb;border-radius:50%;width:285px;height:285px;position:relative;overflow:hidden;box-shadow:0 28px 80px #09255433}.profile-photo{object-fit:cover;width:118%;height:118%;transform:translate(0)translateY(-4px)}.avatar-circle{color:#0a2f7a;letter-spacing:-.08em;background:linear-gradient(135deg,#ffffffd6,#ebf3ffb3),linear-gradient(135deg,#0a2f7a,#1d74d8);border:1px solid #fffc;border-radius:50%;place-items:center;width:260px;height:260px;font-size:4.2rem;font-weight:900;display:grid;position:relative;box-shadow:0 28px 80px #0925542e}.eyebrow{color:#1d74d8;text-transform:uppercase;letter-spacing:.16em;margin:0 0 12px;font-size:.8rem;font-weight:800}h1{color:#071b45;letter-spacing:-.07em;margin:0;font-size:clamp(3.4rem,8vw,6.7rem);line-height:.92}.hero-subtitle{color:#44566f;max-width:680px;margin:28px 0 0;font-size:clamp(1.2rem,2.2vw,1.65rem);line-height:1.35}.availability-card{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.availability-card span{color:#124a91;background:#ffffffc7;border:1px solid #1d74d82e;border-radius:999px;padding:10px 14px;font-size:.9rem;font-weight:800;box-shadow:0 10px 24px #0925540f}.hero-buttons{flex-wrap:wrap;gap:16px;margin-top:32px;display:flex}.btn{border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;min-height:50px;padding:0 22px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn.primary{color:#fff;background:linear-gradient(135deg,#0a2f7a,#1d74d8);box-shadow:0 16px 34px #1d74d847}.btn.secondary{color:#0a2f7a;background:#ffffffbd;border-color:#1d74d859}.section{background:#ffffffbf;border:1px solid #10203314;border-radius:30px;margin:34px 0;padding:34px;box-shadow:0 22px 70px #09255414}.section-title{align-items:center;gap:16px;margin-bottom:24px;display:flex}.section-title span{color:#1d74d8;background:#e8f1ff;border-radius:16px;place-items:center;width:46px;height:46px;font-weight:900;display:grid}h2{color:#071b45;letter-spacing:-.04em;margin:0;font-size:2rem}.about p,.project p,.contact-box p,.card p{color:#43546b;font-size:1.05rem;line-height:1.7}.cards{gap:22px;display:grid}.two-columns{grid-template-columns:repeat(2,1fr)}.three-columns{grid-template-columns:repeat(3,1fr)}.card,.timeline-item,.contact-box{background:#fff;border:1px solid #10203314;border-radius:24px;padding:26px;box-shadow:0 14px 35px #09255412}.card h3,.timeline-item h3{color:#071b45;margin:0 0 8px;font-size:1.25rem}.company,.timeline-item p{color:#64748b;margin:0}.formation-detail{color:#43546b;margin-top:12px;font-size:1rem;line-height:1.6}.logo-row{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;display:flex}.company-logo{object-fit:contain;background:#fff;border:1px solid #10203314;border-radius:16px;width:auto;max-width:190px;height:58px;padding:8px 12px;box-shadow:0 8px 20px #0925540f}.tags,.skills{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.tags span,.skills span{color:#124a91;background:#eef5ff;border-radius:999px;padding:10px 14px;font-size:.9rem;font-weight:700}.timeline{gap:16px;display:grid}.skills{margin-top:0}.skills span{color:#21344d;background:#fff;border:1px solid #10203314;box-shadow:0 10px 24px #0925540f}.contact-box a{color:#1d74d8;overflow-wrap:anywhere;word-break:break-word;font-weight:800}.contact-note{border-top:1px solid #10203314;margin-top:26px;padding-top:22px}.contact-actions{flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}@media (width<=850px){.navbar{flex-direction:column;align-items:flex-start;gap:18px;height:auto;padding:22px 5vw}.contact-box{width:100%;overflow:hidden}nav{flex-wrap:wrap;gap:14px}.hero{text-align:center;grid-template-columns:1fr;gap:30px;padding-top:50px}.hero-buttons,.availability-card,.contact-actions{justify-content:center}.avatar-circle{width:210px;height:210px;font-size:3.2rem}.profile-photo-frame{width:220px;height:220px}.profile-photo{width:118%;height:118%;transform:translate(0)translateY(-4px)}.hero-avatar:before{width:285px;height:285px}.company-logo{max-width:160px;height:46px}.two-columns,.three-columns{grid-template-columns:1fr}.section{padding:24px}}
