:root{--cream:#FAF4E8;--navy:#1F2D4A;--gold:#B07D2C;--sun:#E9B44C;--rose:#E8A598;--ink:#33302B;--card:#FFFFFF}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font:20px/1.6 Georgia,'Lora',serif}
a{color:#7a5214}a:hover{color:#4f350c}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
header{background:var(--navy);color:var(--cream);padding:28px 0 48px}
.brand{display:flex;align-items:center;gap:16px}
.brand img{width:64px;height:64px;border-radius:50%}
.brand span{font-size:26px;font-weight:bold;letter-spacing:.5px}
h1{font-size:44px;line-height:1.2;margin:40px 0 12px}
header p{font-size:22px;max-width:720px;color:#F3E3CF;margin:0 0 28px}
.btns{display:flex;flex-wrap:wrap;gap:14px}
.btn{display:inline-block;padding:16px 26px;border-radius:40px;font:600 19px/1.2 system-ui,sans-serif;text-decoration:none;min-height:48px}
.btn.gold{background:var(--sun);color:var(--navy)}.btn.gold:hover{background:#f2c565;color:var(--navy)}
.btn.line{border:2px solid var(--cream);color:var(--cream)}.btn.line:hover{background:rgba(255,255,255,.1);color:var(--cream)}
section{padding:48px 0}
h2{font-size:32px;color:var(--navy);margin:0 0 20px}
ol.steps{list-style:none;padding:0;margin:0;display:grid;gap:14px}
ol.steps li{background:var(--card);border-radius:18px;padding:20px 24px 20px 76px;position:relative;box-shadow:0 2px 12px rgba(31,45,74,.06)}
ol.steps li::before{content:counter(s);counter-increment:s;position:absolute;left:22px;top:18px;width:38px;height:38px;border-radius:50%;background:var(--gold);color:#fff;font:700 20px/38px system-ui;text-align:center}
ol.steps{counter-reset:s}
.ep{background:var(--card);border-radius:18px;padding:22px 24px;margin-bottom:14px;box-shadow:0 2px 12px rgba(31,45,74,.06);display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between}
.ep b{color:var(--navy);font-size:22px}.ep small{display:block;color:#6E6253;font:16px system-ui}
.ep .links{display:flex;flex-wrap:wrap;gap:10px}
.ep .links a{font:600 17px system-ui;padding:12px 18px;border-radius:30px;background:#F3E3CF;text-decoration:none;color:var(--navy)}
.memory{background:#F3E3CF;border-radius:24px;padding:32px;text-align:center}
.memory h2{margin-bottom:10px}
footer{padding:36px 0 56px;color:#6E6253;font:17px/1.6 system-ui}
footer nav{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:10px}
@media (max-width:600px){h1{font-size:34px}body{font-size:19px}}