*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f9f2e5;color:#26374b;font-family:Tahoma,Arial,sans-serif;line-height:1.9}a{color:#0b5485}header{background:#071c38;color:#fff;position:sticky;top:0;z-index:9;box-shadow:0 3px 15px #0003}.nav{max-width:1240px;margin:auto;display:flex;align-items:center;gap:14px;padding:10px 18px;flex-wrap:wrap}.brand{color:#ffdf91;font-weight:bold;font-size:23px;text-decoration:none;margin-left:auto}.nav a:not(.brand){color:white;text-decoration:none;font-size:14px;padding:6px 8px;border-radius:6px}.nav a:hover,.nav a.active{background:#c78e23;color:#091d36}.heroimg{display:block;width:100%;max-width:1648px;margin:auto;height:auto}.intro{background:#0b2c50;color:#fff;text-align:center;padding:26px 14px}.intro h1{margin:0;color:#ffdb8a}.wrap{max-width:1130px;margin:0 auto;padding:28px 18px 50px}h1,h2,h3{line-height:1.5}h2{color:#93600c}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.card{background:#fff;border:1px solid #e7d2a9;border-radius:15px;padding:23px;box-shadow:0 5px 17px #0000000a}.card h3{color:#8a5b10}.btn{display:inline-block;background:#c89225;color:#12223a;text-decoration:none;font-weight:bold;border-radius:12px;padding:12px 20px;margin:5px;border:0;cursor:pointer}.btn.blue{background:#095b99;color:#fff}.btn:hover{filter:brightness(1.07)}.notice{border-right:5px solid #bf8d2a;background:#fff6df;padding:15px 18px;border-radius:8px}.steps{counter-reset:step}.step{margin:15px 0;padding:20px;background:white;border:1px solid #e7d2a9;border-radius:12px}.step strong{color:#94600a}details{background:#fff;border:1px solid #e4d4b7;border-radius:12px;padding:13px 19px;margin:12px 0}summary{cursor:pointer;font-weight:bold;color:#80520b}footer{background:#071c38;color:#e8d5b0;text-align:center;padding:24px}footer a{color:#fbdc8e}.screenshot{width:100%;border-radius:12px;border:1px solid #d5c4a8}.small{font-size:13px;color:#687181}.tag{display:inline-block;background:#e4f2e6;color:#24603a;padding:2px 10px;border-radius:20px}.links{display:flex;flex-wrap:wrap;gap:6px}.center{text-align:center}input,textarea{font:inherit;padding:10px;border:1px solid #d6b87c;border-radius:8px;width:100%;max-width:650px}label{display:block;margin-top:12px;font-weight:bold}@media(max-width:700px){header{position:static}.brand{width:100%}.nav{gap:4px}.nav a:not(.brand){font-size:12px}.wrap{padding:18px 12px}}