/* About: current homepage palette and typography; original story and layout retained. */
body[data-page="about"] { --gold:#9bbdff; --gold-light:#d6e3ff; --gold-dark:#648fe2; --gold-glow:rgba(91,143,244,.25); --bg:#030914; --bg-card:#0b172b; --bg-card2:#101f36; --text:#eef3ff; --muted:#adbbd2; --border:rgba(137,174,240,.22); --font-h:'Manrope',system-ui,sans-serif; --sans:'Manrope',system-ui,sans-serif; background:#030914; }
body[data-page="about"]::before { background-image:linear-gradient(rgba(110,158,239,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(110,158,239,.025) 1px,transparent 1px); }
body[data-page="about"] .orb-1 { background:radial-gradient(circle,rgba(48,111,223,.22),transparent 70%); }
body[data-page="about"] .about-hero { background:radial-gradient(ellipse at 75% 20%,rgba(49,103,204,.2),transparent 65%); }
body[data-page="about"] h1,body[data-page="about"] h2,body[data-page="about"] h3 { font-family:var(--font-h); font-weight:800; letter-spacing:-.035em; }
body[data-page="about"] h1 em,body[data-page="about"] h2 em { font-style:normal; }
body[data-page="about"] .hero-badge,body[data-page="about"] .stats-section,body[data-page="about"] .mission-quote { background:rgba(91,143,244,.055); }
body[data-page="about"] .hero-badge,body[data-page="about"] .mission-bullet,body[data-page="about"] .dream-box,body[data-page="about"] .btn-gold,body[data-page="about"] .btn-ghost { border-radius:12px; }
body[data-page="about"] .btn-gold { background:linear-gradient(135deg,#f3f6ff,#c3d3ff); color:#071020; }
body[data-page="about"] .dream-box { background:linear-gradient(135deg,#0b1930,#071226); }
body[data-page="about"] .dream-box::after { background-image:linear-gradient(rgba(110,158,239,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(110,158,239,.04) 1px,transparent 1px); }
body[data-page="about"] .ab-dark { background:#071226; color:var(--text); }
body[data-page="about"] .ab-light { background:#edf2fa; color:#13223b; }
body[data-page="about"] .ab-light p { color:#40536f; }
body[data-page="about"] a:focus-visible,body[data-page="about"] button:focus-visible,body[data-page="about"] summary:focus-visible { outline:2px solid #84adff; outline-offset:5px; }
body[data-page="about"] .btn-gold:active,body[data-page="about"] .btn-ghost:active { transform:translateY(1px); }
@media(max-width:600px) { body[data-page="about"] .about-h1 { font-size:2rem; } body[data-page="about"] .h2 { font-size:1.65rem; } }