@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap');
:root{--ink:#14213d;--muted:#667085;--cream:#fffaf2;--line:#eee8dd;--orange:#f97316;--purple:#6d5dfc;--teal:#0f9f9a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Cairo',system-ui,sans-serif}.container{width:min(1120px,calc(100% - 40px));margin:auto}.hero{min-height:530px;background:radial-gradient(circle at 15% 20%,#ffd9a8 0,transparent 28%),linear-gradient(135deg,#15213d 0%,#283b67 55%,#7357e8 100%);color:#fff;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;width:440px;height:440px;border:1px solid rgba(255,255,255,.18);border-radius:50%;left:-100px;bottom:-250px;box-shadow:0 0 0 45px rgba(255,255,255,.05),0 0 0 90px rgba(255,255,255,.04)}.nav{padding:28px 0;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.brand{display:flex;gap:10px;align-items:center;font-weight:800;font-size:1.05rem}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#fff;color:var(--purple);font-size:1.3rem}.nav-link{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);border-radius:30px;padding:8px 18px;font-size:.9rem}.hero-content{padding-top:65px;position:relative;z-index:1;max-width:700px;margin-right:max(20px,calc((100% - 1120px)/2));margin-left:auto}.eyebrow{color:#ffbd72;font-weight:700;font-size:.82rem;letter-spacing:.04em;margin:0 0 12px}.hero h1{font-size:clamp(2.3rem,6vw,4.7rem);line-height:1.2;margin:0 0 18px;max-width:650px}.intro{color:#dfe5f4;font-size:1.12rem;line-height:2;max-width:560px}.primary{display:inline-flex;gap:18px;align-items:center;background:#fff;color:var(--ink);text-decoration:none;border-radius:13px;padding:13px 20px;margin-top:20px;font-weight:700}.main-content{padding:80px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.section-heading h2,.about-panel h2{font-size:2rem;margin:0}.section-note{color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{background:#fff;border:1px solid var(--line);border-radius:25px;padding:28px;min-height:300px;box-shadow:0 10px 30px rgba(37,32,20,.05);transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-6px);box-shadow:0 16px 35px rgba(37,32,20,.1)}.card-icon{font-size:2.8rem;margin-bottom:24px}.tag{font-size:.75rem;font-weight:700;color:var(--muted);background:#f5f3ee;border-radius:20px;padding:6px 10px}.project-card h3{font-size:1.45rem;margin:16px 0 8px}.project-card p{color:var(--muted);line-height:1.9;margin:0 0 24px}.card-link{font-weight:700;text-decoration:none;color:var(--purple)}.card-link span{margin-right:8px}.challenge{background:linear-gradient(145deg,#fff,#f2efff);border-color:#ddd7ff}.challenge .tag{color:#5b4be0;background:#e9e5ff}.quiz{background:linear-gradient(145deg,#fff,#e8fbf8)}.quiz .tag{color:#0c817d;background:#d9f4f1}.about-panel{margin-top:34px;border-radius:25px;background:#14213d;color:#fff;padding:30px 38px;display:flex;justify-content:space-between;align-items:center}.about-panel h2{margin-bottom:8px}.about-panel p:not(.eyebrow){color:#cbd4e8;max-width:600px;margin:0;line-height:1.9}.plus{font-size:4rem;font-weight:300;color:#ffbd72}footer{border-top:1px solid var(--line);padding:25px 0;color:var(--muted);font-size:.85rem}footer .container{display:flex;justify-content:space-between}@media(max-width:760px){.container{width:min(100% - 28px,560px)}.hero{min-height:560px}.hero-content{padding-top:55px;margin:auto}.hero h1{font-size:2.5rem}.section-heading{display:block}.section-note{margin-top:8px}.cards{grid-template-columns:1fr}.project-card{min-height:0}.about-panel{padding:25px;align-items:flex-start}.plus{display:none}}