:root{
--bg:#FAFAF8;
--text:#333333;
--blue:#2F6DB5;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.65}
.wrap{max-width:920px;margin:auto;padding:32px 20px}
header{text-align:center;margin-bottom:36px}
.small{color:#666}
h1,h2{font-weight:400}
.quote{font-size:2.2rem}
h3{color:var(--blue)}
.photo{text-align:center;margin:28px 0}
.photo img{max-width:320px;width:100%;border-radius:8px;background:#fff}
.card{background:#fff;border-radius:8px;padding:28px;margin:24px 0;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.line{display:flex;justify-content:space-between;gap:12px;padding:6px 0}
.progress{height:18px;background:#e6e6e6;border-radius:9px;overflow:hidden;margin:18px 0}
#bar{height:100%;background:var(--blue);width:0}
button{background:var(--blue);color:#fff;border:none;padding:12px 18px;border-radius:6px;cursor:pointer}
footer{text-align:center;color:#666;margin:36px 0}
@media(max-width:700px){
.line{display:block}
.line strong{display:block;margin-top:4px}
}


.intro1978{margin-bottom:4px}
.quote1978{font-size:1.7rem;font-weight:400;margin-top:0;margin-bottom:36px}
.intro2026{margin-bottom:4px}
.quote2026{font-size:2.2rem;font-weight:400;margin-top:0}
.photo img{max-width:250px}
#toTop{
position:fixed;
right:20px;
bottom:20px;
width:38px;
height:38px;
border-radius:50%;
background:#2F6DB5;
color:#fff;
display:none;
align-items:center;
justify-content:center;
text-decoration:none;
font-size:22px;
box-shadow:0 2px 8px rgba(0,0,0,.2)
}