*{box-sizing:border-box}body{background-color:#f2f0e9;margin:0;font-family:Helvetica Neue,Arial,sans-serif}.main-page{min-height:100vh;padding:48px 24px}.nav-bar{background-color:#111;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.nav-brand{text-transform:uppercase;letter-spacing:-.5px;color:#fff;font-size:1.25rem;font-weight:800;text-decoration:none}.nav-links{align-items:center;gap:12px;display:flex}.nav-link{color:#fff;border:2px solid #0000;padding:6px 12px;font-size:.95rem;font-weight:700;text-decoration:none}.nav-link:hover,.nav-link:focus-visible{border-color:#fff}.auth-page{max-width:420px;margin:0 auto}.auth-switch{color:#444;text-align:center;margin:20px 0 0;font-size:.95rem;font-weight:600}.page-title{text-transform:uppercase;letter-spacing:-1px;color:#111;background-color:#fff;border:3px solid #111;max-width:900px;margin:0 auto 40px;padding:16px 20px;font-size:2.5rem;font-weight:800;box-shadow:6px 6px #111}.page-body{flex-direction:column;gap:32px;max-width:900px;margin:0 auto;display:flex}.professional-cards-container{flex-wrap:wrap;gap:32px;display:flex}.search-input{color:#111;background-color:#fff;border:3px solid #111;width:100%;padding:14px 16px;font-family:inherit;font-size:1rem;font-weight:600;box-shadow:6px 6px #111}.search-input:focus-visible{outline-offset:3px;outline:3px solid #4a5d4f}.professional-form{background-color:#fff;border:3px solid #111;flex-direction:column;gap:18px;padding:24px;display:flex;box-shadow:8px 8px #111}.form-title{text-transform:uppercase;letter-spacing:.5px;color:#111;margin:0;font-size:1.2rem;font-weight:800}.form-row{flex-direction:column;gap:6px;display:flex}.form-label{text-transform:uppercase;letter-spacing:1px;color:#111;font-size:.75rem;font-weight:800}.form-input{color:#111;background-color:#f8f7f2;border:2px solid #111;padding:10px 12px;font-family:inherit;font-size:.95rem}.form-input:focus-visible{outline-offset:2px;outline:3px solid #4a5d4f}.form-textarea{resize:vertical;line-height:1.5}.form-error{color:#a8261c;font-size:.8rem;font-weight:700}.form-actions{flex-wrap:wrap;gap:12px;display:flex}.btn{text-transform:uppercase;letter-spacing:.5px;color:#111;cursor:pointer;background-color:#fff;border:2px solid #111;padding:9px 14px;font-family:inherit;font-size:.75rem;font-weight:800;transition:transform .1s,box-shadow .1s;box-shadow:3px 3px #111}.btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #111}.btn:active{transform:translate(1px,1px);box-shadow:1px 1px #111}.btn:focus-visible{outline-offset:3px;outline:3px solid #4a5d4f}.btn-primary{color:#fff;background-color:#4a5d4f}.btn-danger{color:#fff;background-color:#a8261c}.link-button{text-transform:uppercase;letter-spacing:.5px;color:#4a5d4f;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #4a5d4f;align-self:flex-start;margin-top:10px;padding:0 0 2px;font-family:inherit;font-size:.8rem;font-weight:800}.link-button:focus-visible{outline-offset:3px;outline:3px solid #4a5d4f}.state-message{color:#111;text-align:center;background-color:#fff;border:3px dashed #111;margin:0;padding:20px;font-size:1rem;font-weight:700}.professional-card{background-color:#fff;border:3px solid #111;flex-direction:column;flex:320px;padding:24px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:8px 8px #111}.professional-card:hover{transform:translate(-4px,-4px);box-shadow:12px 12px #111}.professional-name{text-transform:uppercase;color:#111;margin:0 0 4px;font-size:1.4rem;font-weight:800}.professional-title{text-transform:uppercase;letter-spacing:.5px;color:#fff;background-color:#4a5d4f;border:2px solid #111;margin:0 0 16px;padding:4px 10px;font-size:.85rem;font-weight:700;display:inline-block}.professional-email{color:#4a5d4f;word-break:break-all;margin:0 0 12px;font-size:.85rem;font-weight:600}.professional-description{color:#333;border-top:2px solid #111;margin:0;padding-top:16px;font-size:.95rem;line-height:1.6}.card-actions{flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:20px;display:flex}
