.alex-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1100px}.alex-admin-card{background:#fff;border:1px solid #d9e0e3;padding:22px;border-radius:10px}.alex-admin-card input{width:100%;padding:9px}.alex-status{padding:5px 9px;border-radius:20px;font-size:12px;font-weight:700}.alex-signed{background:#dff4ef;color:#08766f}.alex-sent{background:#e7f1f5}.alex-viewed{background:#fff3cf}.alex-sign-page{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f6f5;color:#17212b}.alex-top{background:#07151e;color:#fff;padding:18px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #2aa79e}.alex-logo{display:flex;align-items:center;gap:12px}.alex-symbol{font-size:34px;color:#43b7ad;font-weight:700}.alex-logo b{font-size:27px;letter-spacing:2px}.alex-logo span{display:block;color:#46aaa4;letter-spacing:3px;font-size:11px}.alex-company{font-size:12px;line-height:1.6;text-align:right;color:#dce5e7}.alex-hero{background:linear-gradient(135deg,#091821,#112d31);color:#fff;text-align:center;padding:38px 20px 28px}.badges{display:flex;justify-content:center;gap:45px;flex-wrap:wrap;color:#60c5bc;font-size:12px;font-weight:700}.alex-hero h1{margin:20px 0 6px;font-size:clamp(30px,5vw,50px);letter-spacing:1px}.alex-hero p{color:#d8e2e4}.steps{margin-top:28px;display:flex;justify-content:center;gap:60px;flex-wrap:wrap;font-size:13px;font-weight:700}.steps span{opacity:.65}.steps .active{opacity:1;color:#59c9bf}.alex-main{max-width:1280px;margin:24px auto;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;padding:0 20px}.alex-card{background:#fff;border:1px solid #dbe2e3;border-radius:14px;box-shadow:0 8px 30px rgb(0 0 0 / .07);overflow:hidden}.alex-card-head{display:flex;justify-content:space-between;gap:20px;padding:22px;border-bottom:1px solid #e3e7e7}.alex-card h2{margin:0 0 8px;font-size:19px}.alex-pdf-card iframe{width:100%;height:720px;border:0;background:#e9ecec}.alex-outline{border:1px solid #2a9f98;color:#177f79;padding:10px;text-decoration:none;border-radius:6px;font-size:12px;font-weight:700;height:max-content}.alex-form{padding:28px}.alex-notice{background:#eff9f8;border:1px solid #bfe3df;color:#246963;padding:15px;border-radius:8px;line-height:1.5;font-size:14px}.alex-check{display:flex;gap:12px;margin:22px 0;line-height:1.45}.alex-check input{width:21px;height:21px;accent-color:#209f98}.alex-form h3{font-size:15px;margin:24px 0 10px;color:#1b847e}.alex-form label:not(.alex-check){display:block;font-size:12px;font-weight:700;margin:14px 0 6px}.alex-form input:not([type=checkbox]){width:100%;border:1px solid #cfd7d8;padding:13px;border-radius:6px;font-size:14px}.alex-canvas-wrap{height:190px;border:1px dashed #b8c4c4;border-radius:8px;overflow:hidden;background:#fff}.alex-canvas-wrap canvas{width:100%;height:100%;touch-action:none;cursor:crosshair}.alex-clear{display:block;margin:8px 0 0 auto;border:0;background:none;color:#5d6a6b;cursor:pointer}.alex-sign-button{width:100%;border:0;border-radius:7px;background:#209e97;color:#fff;padding:17px;margin-top:20px;font-size:16px;font-weight:700;letter-spacing:.5px;cursor:pointer}.alex-result{margin-top:16px;padding:13px;border-radius:7px;display:none}.alex-result.ok{display:block;background:#e6f7f3;color:#176a65}.alex-result.error,.alex-error{display:block;background:#fff0f0;color:#a52c2c;padding:14px;border-radius:7px}.alex-success{padding:40px;text-align:center}.alex-success h2{color:#178b84}.alex-after{max-width:1240px;margin:0 auto 25px;background:#eaf4f3;border:1px solid #d5e8e5;padding:22px;display:flex;gap:28px;justify-content:center;flex-wrap:wrap;border-radius:10px}.alex-footer{background:#07151e;color:#dce7e7;padding:30px 5%;display:flex;justify-content:space-around;gap:20px;flex-wrap:wrap;font-size:13px;line-height:1.7;border-top:2px solid #2b9e97}.alex-footer b{color:#55bdb5}@media(max-width:900px){.alex-main{grid-template-columns:1fr}.alex-pdf-card iframe{height:560px}}@media(max-width:600px){.alex-top{align-items:flex-start}.alex-company{display:none}.alex-admin-grid{grid-template-columns:1fr}.steps{gap:20px}.alex-card-head{flex-direction:column}.alex-main{padding:0 10px}.alex-form{padding:20px}.alex-hero{padding-top:28px}}