/* about page cards */
.about-card{background:#0f1a24;border:1px solid #1f354a;border-radius:16px;padding:18px 20px;box-shadow:0 0 24px rgba(0,0,0,.25), inset 0 0 1px rgba(255,255,255,.03);backdrop-filter:blur(6px)}
.about-card h2{margin:.0 0 10px;color:#dfe6fb;letter-spacing:.3px}
.about-card p{line-height:1.9;color:#cdd4e0}
.about-card{transition:all .35s ease}
.about-card:hover{border-color:#4fa3ff;transform:translateY(-3px);box-shadow:0 0 30px rgba(79,163,255,.4)}
/* hero */
.about-hero{min-height:36vh;display:grid;place-content:center;text-align:center}
.about-hero h1{font-size:38px;margin:0 0 8px}
.about-hero p{color:#bcd1e6}
/* nav */
.about-nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:12px 0 18px}
.about-nav a{display:inline-block;padding:8px 12px;border:1px solid #254760;border-radius:12px;color:#dfe6fb;text-decoration:none;font-size:13px}
.about-nav a:hover{filter:saturate(1.15)}
#backTop{position:fixed;inset-inline-end:14px;bottom:18px;width:40px;height:40px;border-radius:999px;border:1px solid #2b4661;background:#0f1a24;color:#bcd1e6;display:grid;place-items:center;opacity:.85}
#backTop:hover{opacity:1;transform:translateY(-2px)}
/* contrast care */
@media (prefers-contrast: more){.about-card{border-color:#3f6e94}}
/* about finalize */
.about-grid{display:grid;gap:14px}
@media(min-width:768px){.about-grid{grid-template-columns:1fr 1fr}}
#stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
@media(min-width:768px){#stats{grid-template-columns:repeat(4,1fr)}}
.stat{background:#0f1a24;border:1px solid #1f354a;border-radius:14px;padding:14px;text-align:center}
.stat .num{font-size:28px;color:#dfe6fb;display:block}
.stat .lbl{font-size:12px;color:#a9bed6}
.timeline{border-inline-start:2px solid #1f354a;padding-inline-start:12px}
.timeline li{margin:10px 0;color:#cdd4e0}
.faq details{background:#0f1a24;border:1px solid #1f354a;border-radius:12px;padding:10px 12px}
.faq details+details{margin-top:10px}
.faq summary{cursor:pointer;color:#dfe6fb}
.faq p{margin:8px 0 0;color:#cdd4e0;line-height:1.8}
.about-section h2{margin:0 0 8px;color:#dfe6fb}
.about-section p{color:#cdd4e0}
.about-nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:12px 0 18px}
.about-nav a{display:inline-block;padding:8px 12px;border:1px solid #254760;border-radius:12px;color:#dfe6fb;text-decoration:none;font-size:13px}
#backTop{position:fixed;inset-inline-end:14px;bottom:18px;width:40px;height:40px;border-radius:999px;border:1px solid #2b4661;background:#0f1a24;color:#bcd1e6;display:grid;place-items:center;opacity:.85}
/* contact polish */
.contact-card a{color:#a5d6ff;text-decoration:none}
.contact-card a:hover{filter:saturate(1.1)}
.contact-list li{margin:6px 0}
/* contact polish */
.contact-card a{color:#a5d6ff;text-decoration:none}
.contact-card a:hover{filter:saturate(1.1)}
.contact-list li{margin:6px 0}