:root{--brand:#159bd7;--brand-dark:#087cad;--text:#17202a;--muted:#5f6b7a;--line:#ddeaf2;--bg:#f4f8fb;--paper:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.65}.page{width:min(960px,calc(100% - 32px));margin:32px auto;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 40px rgba(18,49,72,.08);overflow:hidden}.header{padding:42px 36px 28px;text-align:center;border-bottom:1px solid var(--line);background:radial-gradient(circle at top center,rgba(21,155,215,.10),transparent 38%),#fff}.logo{display:block;width:150px;max-width:52%;height:auto;margin:0 auto 18px}h1{margin:0;font-size:clamp(1.7rem,3vw,2.25rem);line-height:1.2;letter-spacing:-.02em;color:#111827}.app-name{margin:8px 0 0;font-size:1.02rem;color:var(--muted)}.updated{margin:10px 0 0;color:var(--muted);font-size:.96rem}.content{padding:34px 42px 42px}.notice{border-left:4px solid var(--brand);background:#f5fbff;padding:14px 16px;border-radius:12px;margin:0 0 24px;color:#244153}h2{margin:30px 0 10px;color:var(--brand-dark);font-size:1.22rem;line-height:1.35}h3{margin:22px 0 8px;color:#243447;font-size:1.05rem}p{margin:0 0 13px}ul{margin:8px 0 16px 0;padding-left:22px}li{margin:5px 0}a{color:var(--brand-dark);text-decoration:none;font-weight:600}a:hover{text-decoration:underline}.contact-box{margin-top:14px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#f9fcfe}.footer{padding:20px 36px;border-top:1px solid var(--line);color:var(--muted);text-align:center;font-size:.92rem}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}.button{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:10px 16px;background:#fff;color:#244153}.button.primary{border-color:var(--brand);background:var(--brand);color:#fff}@media print{body{background:#fff}.page{width:100%;margin:0;border:0;border-radius:0;box-shadow:none}.actions,.footer{display:none}.content{padding:24px}h2{break-after:avoid}}@media(max-width:640px){.page{width:100%;margin:0;border-radius:0;border-left:0;border-right:0}.header{padding:32px 20px 24px}.content{padding:26px 20px 34px}.logo{width:120px}}