*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#18293a;font:16px/1.55 system-ui,sans-serif}main{max-width:960px;margin:auto;padding:28px 20px}h1{font-size:32px;line-height:1.15}h2{font-size:22px}h3{margin:0;font-size:19px}p,small,footer{color:#526476}header{margin-bottom:28px}.tag{color:#14794c;font-weight:700}section{background:white;border:1px solid #dee6ec;border-radius:18px;padding:24px;margin:18px 0}label{display:block;font-weight:600;margin:12px 0}input{display:block;width:100%;min-width:0;padding:12px;border:1px solid #b7c5d2;border-radius:8px;font:inherit;margin-top:6px}small{display:block;font-size:13px;font-weight:400}button{padding:12px 18px;min-height:44px;border:0;border-radius:8px;background:#168553;color:white;font:600 15px system-ui;cursor:pointer}.secondary{background:#e6edf2;color:#213b51}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.title,.device{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.title b{font-size:13px;background:#e5f3eb;padding:6px 10px;border-radius:12px}.device{border-top:1px solid #e5ebef;margin-top:20px;padding-top:12px}.inline{margin-top:12px}.code{display:block;font-family:monospace;font-size:16px;overflow-wrap:anywhere;padding:12px 0}aside{background:#e3f2eb;border:1px solid #a2cbb6;padding:18px;border-radius:12px}.logout{text-align:right}footer{font-size:13px;padding:20px 0}@media(max-width:650px){.grid{grid-template-columns:1fr;gap:0}section{padding:20px}h1{font-size:28px}}