:root{font-family:Inter,"Segoe UI","Microsoft JhengHei",sans-serif;color:#17232a;background:#f0f4f2;line-height:1.65;color-scheme:light}*{box-sizing:border-box}body{margin:0;padding:48px 22px}main{max-width:760px;margin:auto}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#466b61}h1{font-size:clamp(30px,6vw,44px);letter-spacing:-1px;line-height:1.2;margin:16px 0}h2{font-size:20px;margin:6px 0 12px}.intro{color:#567068;margin-bottom:32px}section{background:white;border:1px solid #d9e4de;border-radius:18px;padding:26px 30px;margin:18px 0;box-shadow:0 8px 24px #17232a05}.step{font-size:12px;font-weight:700;color:#568374;letter-spacing:1px}p{margin:10px 0}input{width:100%;padding:13px;border:1px solid #b8ccc2;border-radius:8px;background:#f7faf8;color:#274b40;font-size:14px;min-width:0}.hint{font-size:13px;color:#677e75}.scopes{list-style:none;padding:0;margin:20px 0 24px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.scopes li{border:1px solid #e3ebe6;border-radius:10px;padding:13px 15px;display:flex;flex-direction:column;gap:4px}.scopes span{font-size:13px;color:#637a70}button,.button{background:#17664f;color:white;border:0;border-radius:10px;cursor:pointer;padding:15px 20px;width:100%;font-size:16px;font-weight:650;display:flex;justify-content:space-between;text-decoration:none}button:hover,.button:hover{background:#114e3d}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #87bea9;outline-offset:3px}a{color:#17664f}footer{font-size:12px;color:#73877d;margin:26px 0}@media(max-width:520px){body{padding:28px 16px}section{padding:22px 18px}.scopes{grid-template-columns:1fr}input{font-size:12px}}
:where([hidden]){display:none!important}