.atk-details-heading { margin-bottom: 18px; }
.atk-details-heading > span { color: #5423e7; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.atk-details-heading h2 { margin: 3px 0 4px; font-size: 27px; }
.atk-details-heading p { margin: 0; color: #667085; }
.atk-details-form { display: grid; gap: 15px; max-width: 850px; }
.atk-details-card { overflow: hidden; border: 1px solid #e1e6ee; border-radius: 16px; background: #fff; box-shadow: 0 6px 22px rgba(16,24,40,.05); }
.atk-details-card > header { display: flex; align-items: center; gap: 12px; padding: 17px 20px; border-bottom: 1px solid #edf0f4; background: #fbfcfe; }
.atk-details-card > header > span { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border-radius: 10px; background: #f1edff; }
.atk-details-card h3 { margin: 0 0 2px; font-size: 17px; }
.atk-details-card header p { margin: 0; color: #667085; font-size: 13px; }
.atk-details-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 16px; padding: 20px; }
.atk-details-fields .form-row { float: none; width: auto; margin: 0; }
.atk-details-fields .atk-field-wide { grid-column: 1/-1; }
.atk-details-fields label { display: block; margin-bottom: 6px; color: #344054; font-size: 13px; font-weight: 750; }
.atk-details-fields input { width: 100%; min-height: 45px; border: 1px solid #d5dae3; border-radius: 8px; }
.atk-details-fields input:focus { border-color: #7047ea; box-shadow: 0 0 0 3px rgba(84,35,231,.1); }
.atk-details-fields small { display: block; margin-top: 6px; color: #667085; font-size: 11px; }
.atk-password-input { position: relative; display: block; }
.atk-password-input input { padding-right: 70px; }
.atk-password-input button { position: absolute; top: 50%; right: 7px; min-height: auto; padding: 5px 7px; border: 0; background: transparent; color: #5423e7; font-size: 11px; font-weight: 800; transform: translateY(-50%); cursor: pointer; }
.atk-details-submit { display: flex; justify-content: flex-end; }
.atk-details-submit .button { min-height: 44px; padding: 10px 19px; border: 0; border-radius: 9px; background: #5423e7; color: #fff; font-weight: 800; }
@media(max-width:600px){.atk-details-fields{grid-template-columns:1fr;padding:16px}.atk-details-fields .atk-field-wide{grid-column:auto}.atk-details-card>header{align-items:flex-start;padding:15px 16px}.atk-details-submit .button{width:100%}}
