.hp{width:100%;max-width:1200px;margin:24px auto;padding:0 18px;color:#183a56}.hp header{background:#103963;color:white;padding:28px;border-radius:18px}.hp header h1{color:white;margin:0}.hp .hp-card{background:white;border:1px solid #dce6ef;border-radius:14px;padding:20px;margin:18px 0}.hp .hp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hp label{display:block;font-weight:600;margin:10px 0}.hp input,.hp select,.hp textarea{width:100%;margin-top:5px;padding:10px;border:1px solid #cedde9;border-radius:8px}.hp input[type=checkbox]{width:auto;margin-right:8px}.hp button,.hp a.action{display:inline-block;background:#0b5da8;color:white!important;border:0;border-radius:8px;padding:12px 18px;margin:5px;cursor:pointer}.hp button:disabled{opacity:.45;cursor:default}.hp .muted{font-size:.9em;color:#536b7e}.hp .error{background:#fff1ec;color:#8b2810;padding:14px;border-radius:8px}.hp .notice{background:#edf5fc;padding:14px;border-radius:8px}.hp .hp-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.hp .hp-toolbar{position:sticky;top:8px;z-index:10;background:#fff;border:1px solid #dce6ef;border-radius:12px;padding:12px;display:flex;flex-wrap:wrap;align-items:center}.hp pre{white-space:pre-wrap;font-family:inherit}.hp .signature{border-left:4px solid #0b5da8;padding:12px}.hp .message{border-bottom:1px solid #dce6ef;padding:12px 0}.hp small{display:block}.hp .premium{border:1px solid #dce6ef;border-radius:10px;padding:14px;margin:12px 0}@media(max-width:700px){.hp .hp-grid,.hp .hp-row{grid-template-columns:1fr}.hp{padding:0 10px}.hp header{padding:20px}.hp .hp-toolbar{position:static}} 

.hp .hp-row.social{grid-template-columns:1fr 2fr auto}.hp-card{max-width:1200px;margin:18px auto}.hp .hp-toolbar a{padding:10px}.hp #hp-preview-card{border-left:4px solid #0b5da8;padding:12px;margin:12px 0}

@media(max-width:700px){.hp .hp-row.social{grid-template-columns:1fr}}