:root{--navy:#072a5e;--blue:#0b3d91;--sky:#1e88e5;--gold:#f59e0b;--ink:#0a2540;--muted:#617089;--soft:#f5f8fc;--line:#d9e3f2}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}.wrap{max-width:1180px;margin:auto;padding:0 22px}.topbar{background:var(--navy);color:#fff;font-size:14px}.topbar .wrap{display:flex;gap:30px;justify-content:space-between;padding-top:7px;padding-bottom:7px}.nav{background:#fff;box-shadow:0 8px 26px rgba(7,42,94,.08);position:sticky;top:0;z-index:10}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 22px}.brand{display:flex;align-items:center;text-decoration:none;color:var(--ink);gap:12px}.brand img{width:190px;max-width:48vw}.brand span{display:none}.links{display:flex;gap:28px}.links a{text-decoration:none;color:#16263a;font-weight:650}.links a:hover{color:var(--blue)}.menu{display:none;border:0;background:#edf4ff;font-size:24px;border-radius:10px;padding:8px 12px}.hero{background:linear-gradient(90deg,rgba(7,42,94,.97),rgba(11,61,145,.72)),url('../img/sameed-event-full.jpg') center right/auto 100% no-repeat;color:#fff;min-height:560px;display:flex;align-items:center}.hero-content{max-width:700px;padding:74px 0}.eyebrow{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 13px;font-size:14px}.hero h1{font-size:54px;line-height:1.08;margin:20px 0 12px}.hero p{font-size:18px;max-width:650px;color:#e8f1ff}.btns{display:flex;gap:14px;margin-top:28px}.btn{display:inline-block;text-decoration:none;padding:13px 20px;border-radius:10px;font-weight:800}.btn-primary{background:var(--gold);color:#111}.btn-outline{border:1px solid rgba(255,255,255,.55);color:#fff}.section{padding:74px 0}.section.alt{background:var(--soft)}.section h2{font-size:34px;margin:0 0 20px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.photo-card{border-radius:24px;overflow:hidden;box-shadow:0 22px 60px rgba(7,42,94,.18);border:1px solid var(--line)}.photo-card img{width:100%;display:block}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 12px 28px rgba(7,42,94,.06)}.card h3{margin:6px 0 8px;color:var(--blue)}.icon{font-size:30px}.timeline{border-left:3px solid var(--blue);padding-left:26px}.item{margin:0 0 28px;position:relative}.item:before{content:'';position:absolute;left:-36px;top:5px;width:16px;height:16px;background:var(--gold);border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 2px var(--blue)}.item h3{margin:0;color:var(--blue)}.tag{display:inline-block;background:#eaf3ff;border:1px solid #cfe2ff;color:#0b3d91;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700}.skill-list{display:flex;flex-wrap:wrap;gap:10px}.skill-list span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-weight:700}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 12px 28px rgba(7,42,94,.06)}.project h3{color:var(--blue)}.resume-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact-box{max-width:760px}.form input,.form textarea{width:100%;padding:14px;border:1px solid var(--line);border-radius:10px;margin-bottom:13px;font:inherit}.form button{border:0;background:var(--blue);color:#fff;border-radius:10px;padding:13px 20px;font-weight:800}.footer{background:var(--navy);color:#d9e8ff;padding-top:44px}.foot-grid{display:grid;grid-template-columns:2fr 1fr 2fr;gap:36px}.foot-logo{width:250px}.footer a{display:block;color:#fff;text-decoration:none;margin:7px 0}.copy{text-align:center;border-top:1px solid rgba(255,255,255,.13);padding:14px;margin-top:30px}.notice{background:#fff8e8;border:1px solid #ffe1a6;padding:14px;border-radius:12px;color:#6b4300}@media(max-width:850px){.topbar .wrap{display:none}.links{display:none;position:absolute;left:0;right:0;top:82px;background:white;flex-direction:column;padding:20px}.links.show{display:flex}.menu{display:block}.hero{background:linear-gradient(rgba(7,42,94,.92),rgba(7,42,94,.78)),url('../img/sameed-event-full.jpg') top center/cover no-repeat}.hero h1{font-size:38px}.grid-2,.cards,.projects,.resume-grid,.foot-grid{grid-template-columns:1fr}.btns{flex-direction:column}.section{padding:48px 0}}