:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#16332e;background:#f4f7f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#21664d;text-underline-offset:3px}header,footer{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:30px 36px}.brand{font-size:23px;font-weight:850;letter-spacing:-1px;text-decoration:none;color:#16332e}.brand span{font-weight:400;margin-left:5px}main{max-width:1180px;padding:45px 36px 60px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:52px 70px}.intro{padding-top:25px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;color:#578475}h1{font-size:clamp(42px,5.1vw,65px);line-height:1.07;letter-spacing:-3px;font-weight:650;margin:25px 0}.lead{font-size:18px;line-height:1.7;max-width:440px;color:#52665e}.benefits{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.benefits span{font-size:12px;padding:9px 12px;border:1px solid #d6e2d8;border-radius:30px;background:#eaf0e8}.note{font-size:13px;line-height:1.7;color:#6b7b72;max-width:400px}.card{background:white;padding:34px;border:1px solid #dfe7de;border-radius:20px;box-shadow:0 16px 45px #15392c08}h2{font-size:25px;font-weight:650;letter-spacing:-.7px;margin:10px 0}.muted{font-size:13px;color:#738078;line-height:1.7;margin-bottom:24px}label{display:block;font-size:13px;font-weight:600;margin:18px 0 8px}input{width:100%;min-width:0;border:1px solid #d5ded7;padding:13px 14px;border-radius:8px;background:#fcfdfa;font:inherit;font-size:15px;color:#17382e}input:focus{outline:2px solid #317d5c;outline-offset:2px}.address{display:flex;align-items:center;border:1px solid #d5ded7;border-radius:8px;background:#f0f4ee;overflow:hidden}.address input{border:0;border-radius:0}.address span{padding:0 12px;font-size:14px;color:#617264}.check{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;font-weight:400;margin:20px 0}.check input{width:16px;flex:none;margin:3px 0;accent-color:#206247}.button{display:inline-block;border-radius:8px;padding:13px 19px;font:inherit;font-size:13px;text-align:center;font-weight:650;cursor:pointer;text-decoration:none}.primary{background:#215f46;color:white;border:1px solid #215f46;width:100%}.primary:hover{background:#174c37}.secondary{border:1px solid #bccfc0;background:transparent}.settings{grid-column:1/-1;border-top:1px solid #d8e3d7;padding-top:32px}.settings p,.delete p{font-size:14px;color:#66776b;line-height:1.7}.server-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.server-grid div{display:flex;flex-direction:column;gap:10px}.server-grid strong{font-size:13px}.server-grid code{font-size:15px}.server-grid span{font-size:12px;color:#6f7f73}.delete{grid-column:1/-1;font-size:13px;border-top:1px solid #d8e3d7;padding-top:25px}.delete summary{cursor:pointer;color:#796655}.delete form{max-width:450px}.danger{margin-top:20px;color:#883d35;border:1px solid #c69b95;background:#fff}.message{padding:14px;border-radius:8px;font-size:13px;line-height:1.7;margin:16px 0}.error{background:#fff0ed;color:#94382e}.success{background:#eaf6eb;color:#245536}.trap{display:none}footer{font-size:11px;color:#839086;border-top:1px solid #d8e3d7}@media(max-width:760px){header,footer{padding:24px}main{padding:12px 24px 40px;grid-template-columns:1fr;gap:30px}.intro{padding-top:0}h1{font-size:49px}.card{padding:25px}.server-grid{grid-template-columns:1fr;gap:30px}.settings,.delete{grid-column:auto}.note{max-width:100%}footer{gap:20px}}

.address input{flex:0 1 35%;width:35%}.address .at{padding:0 4px}.address select{flex:1 1 65%;width:65%;min-width:0;max-width:100%;border:0;background:#f0f4ee;color:#274d3c;padding:13px 24px 13px 6px;font:inherit;font-size:12px;cursor:pointer}.address select:focus{outline:2px solid #317d5c;outline-offset:-2px}@media(max-width:420px){.card{padding:20px}.address input{flex-basis:31%;width:31%;padding-left:9px;padding-right:4px;font-size:13px}.address select{padding-right:10px;font-size:11px}}