.about-page{max-width:1000px;color:var(--text);margin:56px auto 72px;padding:0 22px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;animation:.25s aboutFadeIn}.about-hero{text-align:center;background:linear-gradient(135deg,var(--hero-grad-1),var(--hero-grad-2));border:1px solid var(--card-border);box-shadow:var(--shadow-md);border-radius:20px;margin-bottom:44px;padding:64px 24px}.about-hero h1{letter-spacing:-.02em;color:var(--text-strong);margin-bottom:14px;font-size:max(32px,min(4vw,44px));font-weight:900}.about-hero p{color:var(--text-muted);max-width:720px;margin:12px auto 0;font-size:17px;line-height:1.65}.about-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-soft);border-radius:18px;margin-bottom:32px;padding:32px 30px;transition:transform .25s,box-shadow .25s}.about-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.about-card h2{color:var(--text-strong);margin-bottom:12px;font-size:26px;font-weight:800}.about-card p{color:var(--text-muted);margin-bottom:10px;font-size:16px;line-height:1.7}.about-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:18px;display:grid}.about-item{background:var(--surface);color:var(--text);border:1px solid var(--card-border);box-shadow:var(--shadow-inset);cursor:pointer;border-radius:12px;padding:14px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:transform .25s,background .25s,box-shadow .25s;display:block}.about-item:hover{background:var(--surface-2);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.about-list{margin-top:10px;padding-left:20px}.about-list li{color:var(--text-muted);margin-bottom:8px;font-size:15px}.about-links a{color:var(--accent);font-weight:600;text-decoration:none}.about-links a:hover{text-decoration:underline}@keyframes aboutFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.about-hero{padding:44px 18px}.about-hero h1{font-size:28px}.about-card{padding:24px 22px}.about-grid{grid-template-columns:1fr}}html[data-theme=dark] .about-card{background:#020617}