body{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at top right,#16334166,transparent 55%),#071017;font-family:Arial,sans-serif;line-height:1.5}.top{height:auto;min-height:88px;gap:20px;padding:20px max(24px,5vw)}.brand-link{display:flex;align-items:center;gap:12px;color:#eff6f8;text-decoration:none;font-size:23px;font-weight:800;letter-spacing:-1px}.brand-link i{color:#ff9d00;font-style:normal}.brand-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#1b303d;color:#ff9d00;font:bold 19px monospace}.portal-link{color:#b6cad4;text-decoration:none;font-size:14px}.portal-link:hover{color:#ff9d00}.intro{width:min(1440px,90%);margin:48px auto 8px}.intro small{color:#43d5e5;letter-spacing:2px;font:12px monospace}.intro h1{font-size:clamp(32px,4vw,54px);line-height:1.1;letter-spacing:-2px;margin:16px 0}.intro p{color:#a3b7c2;max-width:660px;font-size:16px}.layout{width:min(1440px,100%);margin:0 auto;padding:28px max(24px,5vw) 64px;grid-template-columns:300px minmax(0,1fr);align-items:start;flex:1}.editor{padding:24px}.editor h1{font-size:21px}.editor>p{font-size:13px}.field label{font-size:11px;color:#b2c5ce}.field input{font:14px Arial;padding:13px}.models button{min-height:44px}.note{font-size:12px;color:#9cb1bc}.preview{min-width:0}.mail{padding:32px}.mail>p{font-size:14px}.signature{grid-template-columns:80px 2px minmax(0,1fr) 82px;gap:16px;padding:22px;margin-top:26px}.info h2{font-size:22px;overflow-wrap:anywhere}.info>em{font-size:12px;overflow-wrap:anywhere}.details{font-size:12px;overflow-wrap:anywhere}.details a{display:block;color:#405a68;text-decoration:none}.details a:hover{text-decoration:underline}.info small{font-size:9px;letter-spacing:.3px}.mark strong{font-size:13px}.features{grid-template-columns:repeat(2,minmax(0,1fr))}.features b{font-size:13px}.features span{font-size:12px}.bar span{font-size:11px}.studio-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:30px 5vw;border-top:1px solid #263d49;background:#050d13}.studio-footer p{font-size:12px;color:#8ca3af;margin:9px 0 0}.studio-footer .brand-link{font-size:19px}.studio-footer .brand-icon{width:36px;height:36px;font-size:15px}.demo{display:none}a:focus-visible,button:focus-visible{outline:2px solid #ff9d00;outline-offset:5px}.preview-label{color:#93aab7;font:11px monospace;letter-spacing:1px;margin:0 0 4px}
.top .brand-link>span{display:block;color:#eff6f8;font:800 25px/1.1 Arial,sans-serif;letter-spacing:-1px;white-space:nowrap}.top .brand-link>.brand-icon{display:grid;flex-shrink:0;color:#ff9d00;font:700 20px/1 monospace;letter-spacing:-2px}.top .portal-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #304854;border-radius:8px;background:#10212b}.top .portal-link:hover{border-color:#ff9d00;background:#ff9d0010}
@media(max-width:520px){.top{gap:12px;flex-wrap:wrap}.top .brand-link>span{display:block;font-size:21px}.top .brand-link>.brand-icon{display:grid;font-size:18px}.top .portal-link{font-size:12px;padding:10px 12px}}
@media(max-width:1100px){.layout{grid-template-columns:1fr}.editor{order:0;display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.editor h1,.editor>p,.editor .models,.editor .note{grid-column:1/-1}.signature{grid-template-columns:100px 2px minmax(0,1fr) 90px}.signature img{grid-column:auto;width:82px}}
@media(max-width:600px){.top{padding:16px 20px}.brand-link{font-size:20px}.top .portal-link{font-size:12px}.brand-icon{width:38px;height:38px}.intro{width:auto;margin:32px 20px 0}.intro h1{letter-spacing:-1px}.intro p{font-size:14px}.layout{padding:24px 16px 40px;gap:24px}.editor{display:block;padding:20px}.mail{padding:20px 14px}.signature{grid-template-columns:minmax(0,1fr) 70px;gap:20px;padding:20px 16px}.signature .mark{grid-column:1/-1;display:flex;align-items:center;gap:12px;text-align:left;padding-bottom:16px;border-bottom:2px solid #ff9d00}.mark b{margin:0;width:38px;height:38px}.mark strong{margin:0;font-size:16px}.signature .rule{display:none}.signature .info{grid-column:1/-1}.signature img{grid-column:1;width:70px}.info h2{font-size:22px}.details{font-size:13px}.features{gap:8px}.features div{padding:13px}.features span{font-size:11px}.studio-footer{padding:28px 20px;align-items:flex-start;flex-direction:column}}