@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#f7f8fc;--surface:#fff;--text:#182033;--muted:#687187;--line:#e6e9f0;--accent:#6c5ce7;--accent-dark:#5142c8;--shadow:0 18px 45px rgba(29,38,74,.09)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"DM Sans",sans-serif;color:var(--text);background:var(--bg);line-height:1.7}a{color:inherit;text-decoration:none}.container{width:min(1100px,92%);margin:auto}
.navbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between}.logo{font:700 1.35rem "Space Grotesk",sans-serif}.logo span{color:var(--accent)}nav{display:flex;gap:25px}nav a{font-size:.92rem;color:var(--muted);font-weight:600}nav a:hover{color:var(--accent)}.menu-btn{display:none;border:0;background:none;font-size:1.5rem;cursor:pointer}
.hero{min-height:82vh;display:grid;align-items:center;background:radial-gradient(circle at 80% 20%,rgba(108,92,231,.16),transparent 30%),linear-gradient(135deg,#fff 0%,#f4f3ff 100%)}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.eyebrow{color:var(--accent);font-size:.78rem;letter-spacing:.16em;font-weight:800;margin-bottom:13px}.hero h1{font:700 clamp(2.7rem,7vw,5rem)/1.05 "Space Grotesk",sans-serif;letter-spacing:-.05em}.hero h1 span{color:var(--accent)}.hero h2{margin-top:16px;font:600 1.3rem "Space Grotesk",sans-serif}.hero-desc{color:var(--muted);max-width:620px;margin:20px 0 30px;font-size:1.05rem}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{padding:12px 20px;border-radius:12px;font-weight:700;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--accent);color:#fff}.primary:hover{background:var(--accent-dark)}.secondary{background:#fff;border:1px solid var(--line)}
.avatar-card{min-height:410px;border-radius:30px;background:var(--surface);box-shadow:var(--shadow);display:grid;place-items:center;align-content:center;gap:20px;border:1px solid rgba(108,92,231,.1)}.profile-photo{width:210px;height:270px;object-fit:cover;object-position:center top;border-radius:24px;display:block;box-shadow:0 15px 35px rgba(29,38,74,.16);border:5px solid #fff}.avatar-info{text-align:center;display:grid}.avatar-info span{color:var(--muted);font-size:.9rem}
.section{padding:100px 0}.alt{background:#fff}.section-title{font:700 clamp(2rem,4vw,3rem)/1.1 "Space Grotesk",sans-serif;letter-spacing:-.035em;margin-bottom:40px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.about-card,.facts,.card,.goal,.contact-box{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px}.about-card h3,.card h3,.goal h3{margin-bottom:10px;font:700 1.2rem "Space Grotesk",sans-serif}.about-card p,.card p,.goal p,.contact-box p{color:var(--muted)}.facts{display:grid;gap:15px}.facts>div{display:flex;gap:14px;align-items:center}.facts span{font-size:1.5rem}.facts div div{display:grid}.facts small{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{transition:.25s}.card:hover,.goal:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.icon{font-size:2rem;margin-bottom:20px}
.timeline{border-left:2px solid #dddaf8;margin-left:10px}.timeline-item{position:relative;padding:0 0 35px 35px}.timeline-item:before{content:"";position:absolute;left:-8px;top:7px;width:14px;height:14px;border-radius:50%;background:var(--accent)}.timeline-item .year{color:var(--accent);font-weight:800;font-size:.85rem}.timeline-item h3{font:700 1.2rem "Space Grotesk",sans-serif;margin:4px 0}.timeline-item p{color:var(--muted)}.future{background:#16192b;color:#fff}.future .section-title{color:#fff}.future .goal{background:#20243b;border-color:#303550}.future .goal p{color:#b8bfd2}.goal>span{color:#a79df7;font-weight:800}.future-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.contact-list{display:grid;gap:12px}.contact-list a{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff}.contact-list a:hover{border-color:var(--accent);color:var(--accent)}footer{text-align:center;padding:25px;color:var(--muted);font-size:.9rem;border-top:1px solid var(--line);background:#fff}
@media(max-width:800px){.menu-btn{display:block}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:18px 5%;border-bottom:1px solid var(--line);flex-direction:column;gap:15px}nav.open{display:flex}.hero{padding:70px 0}.hero-grid,.about-grid,.contact-box{grid-template-columns:1fr}.avatar-card{min-height:350px}.cards,.future-grid{grid-template-columns:1fr 1fr}.profile-photo{width:180px;height:230px}}@media(max-width:500px){.section{padding:75px 0}.cards,.future-grid{grid-template-columns:1fr}.hero-buttons .btn{width:100%;text-align:center}}